Penggunaan icon dalam sebuah situs web adalah suatu hal yang umum. Hampir semua situs web yang pernah saya kunjungi menggunakan icon, tidak terkecuali situs ini. Tentu saja, penggunaan icon dilakukan agar tampilan dari web tersebut terlihat lebih menarik.
Selain dalam bentuk gambar, penggunaan icon pada sebuah web juga bisa dilakukan dengan menerapkan css font pada web kita. Adapun css font icon yang paling banyak digunakan yaitu Font Awesome.
Berbeda dengan penggunaan icon dalam bentuk gambar, ada beberapa keuntungan yang bisa didapatkan jika menggunakan css font seperti font awesome. Salah satunya yaitu icon tidak akan pecah ketika web diperbesar, hal itu dikarenakan icon tersebut merupakan hasil dari design grafis yang berupa vektor.
Font Awesome
Font Awesome sendiri merupakan penyedia vector icon yang paling banyak digunakan dengan lebih dari 1500 icon yang dapat kita gunakan secara gratis. Termasuk didalamnya icon sosial, bisnis, alat, multimedia, dll.
Namun jika Anda ingin mendapatkan lebih banyak icon Anda bisa membeli paket standar dengan harga $99/ thn, terdapat lebih dari 7700 icon yang bisa Anda dapatkan dengan membeli paket tersebut.
Seperti yang sudah saya katakan, font awesome merupakan css font icon yang paling banyak digunakan dan mungkin Anda adalah salah satu penggunanya ?
Lalu, apakah ada alternatif lainnya selain font Awesome ? tentu saja ada, dan berikut 12 css font gratis selain font awesome:
1. Material Design Icon
Seperti dari namanya, Material Design Icon memiliki desain material yang sederhana, modern, ramah, dan unik. Setiap iconnya dibuat menggunakan desain yang menggambarkan bentuk yang sederhana dan dengan konsep universal minimal yang umum digunakan pada desain UI. Memastikan keterbacaan dan kejelasan pada ukuran besar dan kecil, ikon-ikon ini telah dioptimalkan untuk tampilan yang indah pada semua platform umum dan resolusi tampilan.
2. Remix Icon
Remix Icon adalah paket css font icon lainnya dengan lisensi gratis dan opensource. Yang tentunya dapat digunakan oleh Anda seorang designer maupun developer. Terdapat lebih dari 1900 icon yang dapat Anda gunakan secara gratis dengan Remix Icon ini. Sama seperti material design icon, remix icon juga memiliki gaya yang berbeda yaitu “filled” dan “outlined” berdasarkan ukuran 24×24.
3. Ion Icon
Jika Anda mencari icon web yang gratis ataupun open source, Ion Icon bisa menjadi pilihan yang tepat untuk Anda gunakan. Tidak hanya biasa digunakan pada situs web, icon yang satu ini juga banyak digunakan pada aplikasi mobile seperti android dan ios, hingga aplikasi desktop. Ion Icon sebenarnya didesign khusus untuk aplikasi yang menggunakan Ionic framework. Namun dengan lisensinya yang berbasis open source dan MIT, icon ini bisa digunakan oleh semua orang baik itu designer maupun developer.
4. We Love Icon Fonts
Entah.. siapa nama asli dari font icon yang satu ini, tapi itulah title yang ada pada webnya We Love Icon Fonts. Sama seperti font icon lainnya, icon yang satu ini juga memiliki lisensi open source dan tentunya gratis untuk digunakan. Icon yang ada didalamnya pun cukup lengkap, bahkan mungkin lebih lengkap dari beberapa font icon diatas.
5. Feather Icons
Feather Icons adalah daftar terakhir dari icon font pada postingan kita kali ini. Feather icons memiliki koleksi icon yang simple dan menarik. Koleksi icon yang ada didalamnya pun cukup lengkap. Dan tentunya lisensi untuk icon font yang satu inipun open source dan pastinya gratis untuk digunakan.
