JSFiddle - React, Tailwind, and code Playground

HTML

<div id="rt-footer">
        <p><span class="mail">[email protected]</span>  <span class="tel1">(928)312-0-444</span>  <span class="tel2">(8793)39-21-44</span>
        </p>
</div>

CSS

#rt-footer {
    background:green;
}
#rt-footer p {
    height: 56px;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    width:100%;
}
.mail {
    background-position: 0 -20px;
}
.mail, .tel1, .tel2 {
    background: url('http://storage5.static.itmages.ru/i/14/0324/h_1395665358_5623373_2300dd3bfd.png') no-repeat top left;
    height: 19px;
    font-size: 18px;
    padding-left: 25px;
    box-sizing: border-box;
    width: 33%;
}