Ikon Material
51.443 ikon SVG gratis dan open source dalam 6 set ikon Material. Yang terbesar adalah Material Symbols Light, Material Symbols dan Google Material Icons. Buka set untuk melihat ikonnya, memeriksa lisensinya, dan menyalin kode SVG, React, Vue, atau CSS.
Set ikon Material (6)
Tentang ikon Material
Ikon Material mengikuti panduan Material Design dari Google: bentuk geometris di grid 24 px, dengan varian terisi, bergaris tepi, membulat, dan tajam yang cocok secara alami di aplikasi Android, dasbor, dan aplikasi web yang dibuat dengan Material UI atau Angular Material.
Iconyz memuat 51.443 ikon Material dari 6 set. Yang terbesar adalah Material Symbols Light, Material Symbols dan Google Material Icons. Semuanya satu warna, jadi setiap ikon mengikuti warna teks di sekitarnya (currentColor) dan warnanya bisa diubah dengan CSS.
Lisensinya berbeda-beda: 6 set bisa dipakai secara komersial tanpa atribusi. Tabel di bawah merangkumnya; halaman setiap set menautkan ke lisensi lengkapnya.
Lisensi ikon Material
| Lisensi | Set ikon | Penggunaan komersial | Atribusi |
|---|---|---|---|
| Apache-2.0 | 4 | Ya | Tidak wajib |
| MIT | 1 | Ya | Tidak wajib |
| OFL-1.1 | 1 | Ya | Tidak wajib |
Ini ringkasan, bukan nasihat hukum. Baca panduan lisensi ikon kami dan lisensi yang ditautkan di halaman setiap set.
FAQ ikon Material
Apakah Ikon Material gratis untuk penggunaan komersial?
Sebagian besar ya, tetapi tergantung set-nya. 6 dari 6 set ikon Material mengizinkan penggunaan komersial tanpa atribusi (Apache-2.0, MIT, OFL-1.1).
Set ikon Material mana yang punya ikon terbanyak?
Material Symbols Light adalah yang terbesar, dengan 15.802 ikon. Set yang lebih besar lebih mungkin memiliki semua ikon yang Anda perlukan, sehingga antarmuka Anda tetap konsisten secara visual.
Bagaimana cara memakai Ikon Material di React, Vue, atau HTML?
Buka ikon mana pun lalu salin kodenya sebagai SVG, JSX untuk React atau Solid, komponen Vue atau Svelte, Astro, atau CSS, atau download sebagai SVG atau PNG. Anda juga bisa menautkan ikon langsung dari HTML dengan tag <img> yang mengarah ke URL SVG-nya.
Bisakah saya mengubah warna Ikon Material?
Ya, untuk set satu warna. Kode SVG-nya memakai currentColor, jadi ikon inline mengikuti warna CSS elemen induknya. Saat menautkan ikon sebagai gambar, tambahkan ?color=%23RRGGBB ke URL SVG-nya. Ikon multiwarna tetap memakai warna aslinya.
Kategori ikon lainnya
Emoji (11) Bendera dan peta (12) Logo (18) Pemrograman (11) Tematik (9) UI 16px / 32px (18) UI 24px (65) UI multiwarna (12) UI grid lain / campuran (35) Arsip tidak dikembangkan (30) Tanpa kategori (16)