はてぶの仕様でCDNできないんで表示されてないけど、下のボタンの文字列の左端にFacebookのロゴが本来は入ってます。
FB的ボタン
<!-- FontAwesomeCDN -->
<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
<style>
.btn {
padding: 8px 24px;
color: white;
display: inline-block;
opacity: 0.8;
border-radius: 4px;
}
.btn:hover {opacity: 1;}
.bg-color {background-color: #3b5998;}
.fab {margin-right: 5px;}
</style>
<div class="btn bg-color"><span class="fab fa-facebook"></span>FB的ボタン</div>