Icônes Material
51 443 icônes SVG gratuites et open source dans 6 collections d'icônes Material. Les plus grandes sont Material Symbols Light, Material Symbols et Google Material Icons. Ouvrez une collection pour parcourir ses icônes, vérifier sa licence et copier le code SVG, React, Vue ou CSS.
Collections d'icônes Material (6)
À propos des icônes Material
Les icônes Material suivent les règles du Material Design de Google : des formes géométriques sur une grille de 24 px, en variantes pleines, contour, arrondies et anguleuses, qui s'intègrent naturellement aux apps Android, aux tableaux de bord et aux applications web conçues avec Material UI ou Angular Material.
Iconyz réunit 51 443 icônes Material issues de 6 collections. Les plus grandes sont Material Symbols Light, Material Symbols et Google Material Icons. Toutes sont monochromes : chaque icône prend la couleur du texte qui l'entoure (currentColor) et peut être recolorée en CSS.
Les licences varient selon la collection : 6 peuvent être utilisées commercialement sans attribution. Le tableau ci-dessous les résume ; chaque page de collection renvoie à sa licence complète.
Licences des icônes Material
| Licence | Collections d'icônes | Usage commercial | Attribution |
|---|---|---|---|
| Apache-2.0 | 4 | Oui | Non requise |
| MIT | 1 | Oui | Non requise |
| OFL-1.1 | 1 | Oui | Non requise |
Ceci est un résumé, pas un avis juridique. Lisez notre guide des licences d'icônes et la licence indiquée sur la page de chaque collection.
FAQ : icônes Material
Les Icônes Material sont-elles gratuites pour un usage commercial ?
La plupart oui, mais cela dépend de la collection. 6 des 6 collections d'icônes Material autorisent l'usage commercial sans attribution (Apache-2.0, MIT, OFL-1.1).
Quelle collection d'icônes Material compte le plus d'icônes ?
Material Symbols Light est la plus grande, avec 15 802 icônes. Plus une collection est grande, plus elle a de chances de contenir toutes les icônes dont vous avez besoin, ce qui garde votre interface cohérente.
Comment utiliser les Icônes Material dans React, Vue ou HTML ?
Ouvrez une icône et copiez son code en SVG, en JSX pour React ou Solid, en composant Vue ou Svelte, en Astro ou en CSS, ou téléchargez-la en SVG ou PNG. Vous pouvez aussi l'intégrer directement en HTML avec une balise <img> pointant vers son URL SVG.
Peut-on changer la couleur des Icônes Material ?
Oui, pour les collections monochromes. Leur code SVG utilise currentColor : les icônes intégrées suivent la couleur CSS de leur élément parent. Si vous intégrez une icône comme image, ajoutez ?color=%23RRGGBB à son URL SVG. Les icônes multicolores gardent leurs couleurs d'origine.
Autres catégories d'icônes
Emoji (11) Drapeaux et cartes (12) Logos (18) Programmation (11) Thématiques (9) Interface 16 / 32 px (18) Interface 24 px (65) Interface multicolore (12) Interface, autres grilles (35) Archives non maintenues (30) Sans catégorie (16)