Icon merupakan salah satu hiasan yang dapat mempercantik tampilan desain pada website anda. Selain untuk mempercantik, nyatanya icon juga mempermudah user dalam menggunakan aplikasi karena juga memberikan informasi terhadap aksi yang akan dilakukan.

Icon yang bisa dipergunakan dapat berupa gambar atau menggunakan font. Saat ini, font lebih populer dalam penggunaan icon karena lebih mudah diterapkan, dan kualitas gambar yang dihasilkan berupa vector sehingga dibuat sebesar apapun, tampilannya akan tetap memberikan kualitas terbaik.

Dibawah ini, merupakan daftar-daftar icon pack yang dapat anda pergunakan untuk next project anda.

1. Font Awesome

Font Awesome menyediakan anda ribuan font yang berbayar maupun dapat anda peroleh secara gratis. Sampai artikel ini dibuat, font yang tersedia diwebsite ini sejumlah 1.608 icon gratis dan 7.864 icon pro.

2. Material Design Icons

Material Design Icons merupakan icon pack yang menggunakan konsep material desain. Semua icon yang tersedia dihalaman ini tersedia gratis. Sampai saat ini, icon yang disediakan sejumlah 26.315 icons.

3. Heroicons

Heroicon dibuat oleh pencipta Tailwindcss yang memberikan anda sebanyak 230 icon gratis. Icons yang disediakan dibagi menjadi 2 tipe, solid dan outline. Penggunaannya cukup mudah, icon ini bertipe vector svg, sehingga apabila menggunakannya anda tidak perlu menginstal asset. Namun anda cukup mencopy-paste code svg dari icon ini.

4. Feather Icon

Sama halnya seperti Heroicons, Feather icon memberikan anda icon berbentuk vector svg. Feather icon memberikan anda sebanyak 286 icons yang dapat anda pergunakan secara gratis.

5. Friconix

Friconix menawarkan 23.563 icons yang dapat anda pergunakan secara gratis. Di halaman Friconix, anda juga diberikan kemudahan dalam mengatur variant font yang akan anda pergunakan seperti mengatur bentuk, ketebalan, style, arah dan lain-lain.

Penutup

Sekian daftar icon font yang saya rekomendasikan untuk anda pergunakan dalam project anda. Saran saya, gunakan salah satu font dan jangan mencampurkannya dengan icon font lainnya. Hal ini dikarenakan apabila anda mencampurnya, kemungkinan website anda akan menggunakan assets yang lebih banyak dan diload lebih lama oleh browser.

Dan juga gunakan satu variant font, apabila anda menggunakan variant line, maka seluruh font yang dipergunakan juga harus menggunakan variant line. Dengan demikian website anda akan lebih terlihat konsisten dan professional.

Sekian yang dapat saya sampaikan, apabila anda memiliki rekomendasi font lainnya silahkan masukan dalam kolom komentar dibawah. Terimakasih