Cara menggunakan fontawesome

Cara memasang atau menggunakan font awesome ini sangat mudah anda tinggal

Menerapkan link di bawah ini di atas </head> dalam template yang sedang anda gunakan.

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

Lalu cara penerapan nya ,begini :

Contoh saya akan menggunakan icon bars /fa fa-bars

<i class="fa fa-bars"></i>

Jika ingin menambahkan ukuran pada icon nya ,seperti ini :

Menambahkan perintah fa-lg ,fa-2x ,fa-3x dan sterus nya.

Contoh :

<i class="fa fa-bars fa-lg"></i> <i class="fa fa-bars fa-2x"></i> <i class="fa fa-bars fa-3x"></i> <i class="fa fa-bars fa-4x"></i>

Jika ingin memberikan link pada icon tersebut, seperti ini :
Saya akan menggunakan icon facebook fa fa-facebook

<a class="fa fa-facebook" href="#">facebook</a>

Keterangan : ganti tanda # dengan link anda dan jika ingin icon lain nya anda bisa mengunjungi langsung ke penyedia icon nya di :
fontawesome.io
Untuk hasil nya coba anda lihat di atas pada menu saya menggunakan icon bars/ fa fa-bars :

Dan jika ingin menambahkan efek putar pada icon nya tinggal di tambahkan perintah fa-spin ,seperti ini :

<i class="fa fa-bars fa-spin"></i>

Sangat mudah bukan... Semoga tutorial ini bisa bermanpaat untuk anda yang suka memodif template seperti saya ini :)