Daftar Lengkap Ikon Font Awesome

Daftar Lengkap Ikon Font Awesome (Versi 4.3.0)

Berikut adalah cheatsheet lengkap ikon Font Awesome beserta nama class HTML dan kode Unicode-nya. Ini berguna untuk cepat menambahkan ikon ke proyek atau template Blogger kamu.

Contoh Daftar Ikon (sebagian kecil dari ratusan ikon yang tersedia)

Nama / Class Ikon	Unicode	Contoh HTML
fa-adjust	\f042	<i class="fa fa-adjust"></i>
fa-ambulance	\f0f9	<i class="fa fa-ambulance"></i>
fa-anchor	\f13d	<i class="fa fa-anchor"></i>
fa-archive	\f187	<i class="fa fa-archive"></i>
fa-ban	\f05e	<i class="fa fa-ban"></i>
fa-bank (alias dari fa-university)	\f19c	<i class="fa fa-bank"></i>
fa-bar-chart	\f080	<i class="fa fa-bar-chart"></i>
fa-barcode	\f02a	<i class="fa fa-barcode"></i>
fa-bars	\f0c9	<i class="fa fa-bars"></i>
fa-battery-0	\f244	<i class="fa fa-battery-0"></i>
...	...	...

Catatan: ini hanya sebagian kecil. Ada ratusan ikon lain seperti fa-beer, fa-bicycle, fa-birthday-cake, fa-blind, dan banyak lagi.

Cara Menggunakan Ikon Font Awesome

1. Menggunakan Tag HTML (cara paling umum):

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

2. Menggunakan Unicode lewat CSS:

   .icon {
     font-family: FontAwesome;
   }
   

   <span class="icon">&#xf13d;</span> <!-- akan menampilkan ikon anchor -->
   

Akses Daftar Lengkap

Untuk melihat daftar lengkap 600+ ikon Font Awesome 4.x, kamu bisa buka:

• Cheatsheet PDF Resmi (Font Awesome 4.3.0):
  Unduh PDF Cheatsheet

• Daftar Ikon Lengkap (Font Awesome 4.7.0 – lebih banyak ikon):
  fontawesome.com/icons

Kalau tujuanmu pakai di menu Blogger, kamu tidak harus pakai semua ikon. Pilih ikon yang sering dipakai, misalnya:

• 🏠 Home → <i class="fa fa-home"></i>

• ✉️ Contact → <i class="fa fa-envelope"></i>

• 🔍 Search → <i class="fa fa-search"></i>

• ⭐ Favorit → <i class="fa fa-star"></i>

• 🛒 Shop/Produk → <i class="fa fa-shopping-cart"></i>

• 🔗 Sosial Media → <i class="fa fa-link"></i>