Olá, eu estava mexendo em um Tema Wordpress, e no final do menu tem alguns ícones de social mídia que posso trocar selecionando em um biblioteca interna.
Mas não tem o ícone do whatsapp para eu escolher
 
Queria saber se tem alguma forma de trocar ícones assim no editor CSS colocando o Fontawesome no lugar por exemplo "<i class="fab fa-whatsapp"></i>"
 
Obrigado!

Ola pessoal boa tarde ou boa noite..
  estou querendo aumentar os ico da minha pagina deixando eles maior do que já é
tentei usar o width="25" height="25" mais eles ficam do mesmo jeito...
se alguém poder me dar uma dica fico grato
 
este são uns deles
 
            <div class=e-sociais>                                           
<i class="fa fa-phone-square black" ></i>
&nbsp;&nbsp; <?php echo $dados["telefone"]; ?> /  <?php echo $dados["celular"]; ?><br>

<div class="featured-boxes">
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="featured-box featured-box-primary featured-box-effect-1">
<div class="box-content">
<em class="icon-featured fa fa-user"></em>
<h4 class="text-uppercase">Loved by Customers</h4>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus.</p>
<p><a class="lnk-primary learn-more" href="#">Learn More <em class="fa fa-angle-right"></em></a></p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="featured-box featured-box-secondary featured-box-effect-1">
<div class="box-content">
<em class="icon-featured fa fa-book"></em>
<h4 class="text-uppercase">Well Documented</h4>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus.</p>
<p><a class="lnk-secondary learn-more" href="#">Learn more <em class="fa fa-angle-right"></em></a></p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="featured-box featured-box-tertiary featured-box-effect-1">
<div class="box-content">
<em class="icon-featured fa fa-trophy"></em>
<h4 class="text-uppercase">Winner</h4>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus.</p>
<p><a class="lnk-tertiary learn-more" href="#">Learn more <em class="fa fa-angle-right"></em></a></p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="featured-box featured-box-quaternary featured-box-effect-1">
<div class="box-content">
<em class="icon-featured fa fa-cogs"></em>
<h4 class="text-uppercase">Customizable</h4>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus. </p>
<p><a class="lnk-quaternary learn-more" href="#">Learn more <em class="fa fa-angle-right"></em></a></p>
</div>
</div>
</div>
</div>
</div>