Penggunaan icon dalam sebuah produk atau aplikasi sangat berguna untuk menambah daya tarik visual. Tak hanya itu, user juga bisa lebih paham tentang maksud dari konten kamu. Kita bisa menggunakan icon dengan bebabagai jenis file. Bisa gambar dengan ekstensi PNG, file JPEG sampai file SVG.
Dari semua file tersebut, icon SVG sering digunakan untuk menampilkan icon di sebuah situs. Tak hanya sebagai bagian dari tag HTML, SVG juga memiliki banyak kelebihan. Seperti, tidak buram walaupun diatur dengan ukuran kecil, bisa dimuat lebih cepat sehingga bisa mengurangi pemuatan situs, bisa diatur dengan mudah dan masih banyak lagi.
Untuk bisa menggunakan ccon SVG, tentunya kita harus membuat icon tersebut. Membuat sebuah icon membutuhkan skill dan waktu yang sedikit lama. Karena itu, kali ini saya akan membagikan situs yang penyedia Icon SVG gratis. Berikut daftarnya.
Dafter isi:
1. Material Icons
Material Icons berada di bawah lisensi Apache 2.0, yang berarti kita bisa menggunakan semua icon secara gratis. Icon pada situs ini memiliki 5 jenis style yang bisa kita gunakan, terdiri dari Outlined, Filled, Rounded, Sharp dan Two tone. Saat kamu memilih sebuah icon, kamu bisa dengan mudah menentukan ukuran dari Icon kamu dan mengatur warnanya. Tak hanya untuk web saja, Material Icons juga bisa digunakan untuk Android, iOS dan Flutter. Ada dua cara untuk bisa menggunakan icon dari situs ini, yaitu dengan menautkan link API pada situs kamu atau dengan mendownload langsung icon-nya. Untuk jenis file yang bisa kamu download terdapat dua jenis, SVG dan PNG.
2. Tabler Icons
Tabler Icons berada di bawah lisensi MIT, dimana kita bisa menggunakannya secara gratis. Terdapat 1400+ icon yang terdapat di dalam situs ini. Setiap icon yang terdapat pada situs ini di-design dengan ukuran 24x24 dan dengan lebar stroke 2px. Pada halaman download, terdapat dua jenis file yang bisa kamu download, SVG dan PNG. Kamu juga bisa menyalin kode SVG tanpa harus mendownloadnya terlebih dahulu.
3. Unicons
Unicons berada di bawah lisense Apache 2.0, dimana kita bebas menggunakan semua icon untuk proyek pribadi atau komersial. Sayangnya, pada situs ini kamu hanya bisa menggunakan icon dengan style line saja. Untuk bisa menggunakan style yang lainnya, kamu harus berlangganan kepada mereka.
4. Boxicons
Boxicons berada di bawah lisensi CC 4.0. Boxicons memiliki 1500+ icon yang bisa kamu gunakan secara gratis. Situs ini bersifat Open Source, dimana siapa saja bisa berkontribusi untuk menambahkan icon baru ke dalam situs ini. Bagusnya dari situs ini adalah, kita bisa mengatur terlebih dahulu icon yang akan kita gunakan. Seperti mengubah warna, mengubah ukuran, sampai menambahkan efek animasi.
5. Ionicons
Ionicons memiliki lebih dari 1300 icon yang bisa kita gunakan secara gratis. Icon pada situs ini bisa kamu gunakan untuk Web, Android, iOS dan Dekstop. Icon ini bisa kamu gunakan untuk tujuan pribadi atau komersial. Ionicons bebas digunakan dan dilisensikan dibawah lisensi MIT.
6. Octicons
Octicons berada di bawah lisensi MIT. Icon pada situs ini sepenuhnya bisa kita gunakan secara gratis untuk proyek pribadi atau komersial. Kamu bisa langsung mendownload file SVG yang kamu pilih.
7. Eva Icons
Eva Icons memiliki jumlah font sekitar 480 icon yang bisa kita gunakan secara gratis. Eva Icons dilengkapi dengan animasi yang akan mempercantik tampilan icon kita. Animasi tersebut berupa Zoom, Pulse, Shake, dan Flip. Icon disediakan dalam dua jenis style, Fill dan Outline dan dalam beberapa format seperti SVG dan PNG. Eva Icons berlisensi di bawah lisensi MIT.
8. Remix Icon
Remix Icon berada di bawah lisensi Apache Version 2.0. Kita bisa bebas menggunakan semua icon yang ada pada situs ini, dengan syarat jangan memperjual belikannya. Remix Icon memiliki 2200+ koleksi icon, yang dibuat dengan sangat teliti. Setiap icon didesain dengan style fill dan outline.
9. EOS Icons
Kamu bebas menggunakan icon dari situs ini untuk kebutuhan komersial atau non-komersial. EOS Icons berlisensi dari lisensei MIT. Ada banyak sekali icon yang bisa kamu pilih. Kamu bisa mengatur warna icon dan mengubah rotasi dari icon yang kamu pilih. Terdapat dua jenis file yang bisa kamu download, yaitu SVG dan PNG
10. Iconly
Iconly memiliki beberapa icon dengan tampilan yang modern. Terdapat lima jenis style yang bisa kamu dapatkan, seperti Broken, Light, Two-tone, Bulk, dan Bold. Setiap icon yang terdapat di situs ini bisa kamu gunakan secara gratis.
11. unDraw
Situs unDraw merupakan situs yang menyediakan ilustrasi gratis berbentuk file SVG. Situs unDraw memiliki lisensinya sendiri, dimana kita bisa menggunakan semua ilustrasinya untuk keperluan pribadi atau komersial tanpa perlu memasukkan attribut atau hal lainnya. Terdapat banyak ilustrasi keren yang bisa kita gunakan secara gratis.
12. CSS.gg
CSS.gg berada di bawah lisensi MIT. CSS.gg menawarkan lebih dari 700 icon yang bisa kamu gunakan untuk web kamu. Icon yang disediakan situs ini berupa CSS dan SVG. Jadi, kamu bisa menampilkan kode dari situs ini hanya dengan menggunakan kode CSS (bukan uniqe kode).
13. Heroicons
Heroicons memiliki 450+ icon SVG yang bisa kita gunakan secara gratis. Heroicons berada di bawah lisensi MIT. Terdapat dua jenis style yang bisa kamu gunakan, yaitu outline dan fill. Untuk menggunakan icon SVG dari situs ini, kamu tinggal memilih dan menyalin sumber kode dari icon tersebut.
14. Feather Icons
Feather Icons merupakan situs yang menyediakan icon SVG gratis. Feather Icons dilisensikan di bawah lisensi MIT. Sebelum kamu mendownload icon SVG tersebut, kamu bisa mengatur ukuran dan warna dari icon tersebut. Untuk mempunyai icon tersebut, kamu tinggal memilih salah satu dan icon akan otomatis terdownload dengan bentuk file SVG.
Penutupan
Menggunakan icon SVG pada sebuah situs akan membuat situs tersebut lebih baik. Karena, web tidak perlu untuk memuat link API untuk menampilkan Icon. Sehingga pemuatan web akan lebih cepat. Sekali lagi, semua situs di atas bisa kamu gunakan secara gratis. Baiklah, mungkin itu saja untuk daftar situs penyedia icon SVG gratis. Terimakasih sudah berkunjung dan semoga bermanfaat.
Comments