Material ikonları
6 Material ikon setinde 51.443 ücretsiz ve açık kaynak SVG ikon. En büyükleri: Material Symbols Light, Material Symbols ve Google Material Icons. Bir seti açarak ikonlarına göz atabilir, lisansını kontrol edebilir ve SVG, React, Vue veya CSS kodunu kopyalayabilirsiniz.
Material ikon setleri (6)
Material ikonları hakkında
Material ikonları Google'ın Material Design yönergelerini izler: 24 px ızgara üzerinde geometrik şekiller; dolu, çerçeveli, yuvarlak ve keskin varyantlarıyla Android uygulamalarına, panellere ve Material UI ya da Angular Material ile yapılmış web uygulamalarına doğal biçimde uyar.
Iconyz üzerinde 6 setten 51.443 Material ikonu listelenir. En büyükleri: Material Symbols Light, Material Symbols ve Google Material Icons. Hepsi tek renklidir; her ikon çevresindeki metnin rengini alır (currentColor) ve CSS ile yeniden renklendirilebilir.
Lisanslar setten sete değişir: 6 set atıf olmadan ticari olarak kullanılabilir. Aşağıdaki tablo bunları özetler; her set sayfası tam lisansa bağlantı verir.
Material ikon lisansları
| Lisans | İkon setleri | Ticari kullanım | Atıf |
|---|---|---|---|
| Apache-2.0 | 4 | Evet | Gerekmez |
| MIT | 1 | Evet | Gerekmez |
| OFL-1.1 | 1 | Evet | Gerekmez |
Bu bir özettir, hukuki tavsiye değildir. İkon lisansları rehberimizi okuyun ve her set sayfasındaki lisansı inceleyin.
Material ikonları: sık sorulan sorular
Material ikonları ticari kullanım için ücretsiz mi?
Çoğu evet, ancak sete göre değişir. 6 Material ikon setinden 6 tanesi atıf olmadan ticari kullanıma izin verir (Apache-2.0, MIT, OFL-1.1).
En çok ikona sahip Material ikon seti hangisi?
En büyük set Material Symbols Light (15.802 ikon). Büyük setlerde ihtiyacınız olan tüm ikonları bulma olasılığı daha yüksektir; bu da arayüzünüzün görsel tutarlılığını korur.
Material ikonları React, Vue veya HTML'de nasıl kullanılır?
Herhangi bir ikonu açıp kodunu SVG, React veya Solid için JSX, Vue veya Svelte bileşeni, Astro ya da CSS olarak kopyalayabilir veya SVG ya da PNG olarak indirebilirsiniz. Bir ikonu, SVG adresini gösteren bir <img> etiketiyle doğrudan HTML'den de kullanabilirsiniz.
Material ikonları rengini değiştirebilir miyim?
Evet, tek renkli setlerde. SVG kodları currentColor kullandığı için satır içi ikonlar üst öğenin CSS rengini izler. Bir ikonu görsel olarak bağlarken SVG adresine ?color=%23RRGGBB ekleyin. Çok renkli ikonlar orijinal renklerini korur.
Diğer ikon kategorileri
Emoji (11) Bayraklar ve haritalar (12) Logolar (18) Programlama (11) Tematik (9) Arayüz 16px / 32px (18) Arayüz 24px (65) Çok renkli arayüz (12) Arayüz, diğer ızgaralar (35) Arşiv (bakımı yapılmayan) (30) Kategorisiz (16)