Iconos Material
51.443 iconos SVG gratis y de código abierto en 6 colecciones de iconos Material. Las más grandes son Material Symbols Light, Material Symbols y Google Material Icons. Abre una colección para ver sus iconos, revisar su licencia y copiar el código SVG, React, Vue o CSS.
Colecciones de iconos Material (6)
Acerca de los iconos Material
Los iconos Material siguen las directrices de Material Design de Google: formas geométricas sobre una cuadrícula de 24px, con variantes rellenas, de contorno, redondeadas y rectas que encajan de forma natural en apps Android, paneles y aplicaciones web hechas con Material UI o Angular Material.
Iconyz reúne 51.443 iconos Material de 6 colecciones. Las más grandes son Material Symbols Light, Material Symbols y Google Material Icons. Todas son monocromas, así que cada icono toma el color del texto que lo rodea (currentColor) y se puede recolorear con CSS.
Las licencias varían según la colección: 6 se pueden usar comercialmente sin atribución. La tabla siguiente las resume; la página de cada colección enlaza a su licencia completa.
Licencias de los iconos Material
| Licencia | Colecciones de iconos | Uso comercial | Atribución |
|---|---|---|---|
| Apache-2.0 | 4 | Sí | No requerida |
| MIT | 1 | Sí | No requerida |
| OFL-1.1 | 1 | Sí | No requerida |
Es un resumen, no asesoramiento legal. Lee nuestra guía de licencias de iconos y la licencia enlazada en la página de cada colección.
Preguntas frecuentes sobre los iconos Material
¿Se pueden usar gratis los Iconos Material en proyectos comerciales?
La mayoría sí, pero depende de la colección. 6 de las 6 colecciones de iconos Material permiten el uso comercial sin atribución (Apache-2.0, MIT, OFL-1.1).
¿Qué colección de iconos Material tiene más iconos?
Material Symbols Light es la más grande, con 15.802 iconos. Cuanto más grande es una colección, más probable es que tenga todos los iconos que necesitas, y así tu interfaz se mantiene visualmente coherente.
¿Cómo uso los Iconos Material en React, Vue o HTML?
Abre cualquier icono y copia su código como SVG, JSX para React o Solid, componente de Vue o Svelte, Astro o CSS, o descárgalo en SVG o PNG. También puedes enlazar un icono directamente desde HTML con una etiqueta <img> que apunte a su URL SVG.
¿Puedo cambiar el color de los Iconos Material?
Sí, en las colecciones monocromas. Su código SVG usa currentColor, así que los iconos en línea siguen el color CSS de su elemento padre. Si enlazas un icono como imagen, añade ?color=%23RRGGBB a su URL SVG. Los iconos multicolor conservan sus colores originales.
Otras categorías de iconos
Emoji (11) Banderas y mapas (12) Logotipos (18) Programación (11) Temáticos (9) Interfaz 16px / 32px (18) Interfaz 24px (65) Interfaz multicolor (12) Interfaz con otras cuadrículas (35) Archivo sin mantenimiento (30) Sin categoría (16)