font awesome

   di atas </head>

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />

atau

<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://fonts.googleapis.com/css?family=Oswald");loadCSS("https://fonts.googleapis.com/css?family=Roboto");loadCSS("//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css")
//]]>
</script>

simpan template ..

    buka situs icon font awesome

    klik icon nya ..

   copy kodenya , lalu letakkan dimana saja

<i class="fa fa-share" aria-hidden="true"></i> hasilnya ;

   ini tampilan layar hp kecil ..

   solusi agar jarak icon dan huruf berjauhan

, maka beri tambahan &nbsp;&nbsp;&nbsp;

   merubah warna icon ;

<span style="color: #808b90;">
code icon
</span>
tutorial selanjutnya kunjungi situs font awesome