你可以尝试使用渐变来给背景着色:
.fa-whatsapp {
color:#fff;
background:
linear-gradient(#25d366,#25d366) 14% 84%/16% 16% no-repeat,
radial-gradient(#25d366 60%,transparent 0);
}
<script defer src="https://use.fontawesome.com/releases/v5.2.0/js/all.js"></script>
<i class="fab fa-whatsapp fa-7x"></i>
<i class="fab fa-whatsapp fa-5x"></i>
<i class="fab fa-whatsapp fa-2x"></i>
CSS版本:
.fa-whatsapp {
color:#fff;
background:
linear-gradient(#25d366,#25d366) 14% 84%/16% 16% no-repeat,
radial-gradient(#25d366 58%,transparent 0);
}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" >
<i class="fab fa-whatsapp fa-7x"></i>
<i class="fab fa-whatsapp fa-5x"></i>
<i class="fab fa-whatsapp fa-2x"></i>
试试这个:
<i class="fab fa-whatsapp-square"></i>