material design icons
4.0.0
Estos son dos conjuntos de íconos oficiales diferentes de Google, que utilizan los mismos diseños subyacentes. Material Symbols es el conjunto actual, presentado en abril de 2022, basado en tecnología de fuente variable. Material Icons es el conjunto clásico, pero ya no se actualiza. Más detalles a continuación.
Los íconos se pueden explorar de una manera más fácil de usar en https://fonts.google.com/icons. Utilice el menú desplegable cerca de la parte superior izquierda para elegir entre los dos conjuntos; Símbolos de materiales es el valor predeterminado.
Los íconos están diseñados bajo los lineamientos de diseño de materiales.
¡Nos encantaría satisfacer sus necesidades de íconos! Envíe su solicitud aquí en GitHub como un problema.
¡Tenga en cuenta que Google Fonts no acepta envíos de diseños de iconos terminados por parte de los usuarios! Existen pautas bastante estrictas para los íconos de materiales, además, Google tiene archivos fuente ascendentes a partir de los cuales se genera este repositorio. Por lo tanto, Google no acepta solicitudes de extracción de archivos de íconos (ya sean sugerencias de íconos nuevos o correcciones para íconos existentes). Se agradecen los conceptos, pero no diseñes SVG y los envíes mediante una solicitud de extracción.
Sin embargo, los usuarios pueden señalar archivos o imágenes externos como ejemplos, para el tipo de cosas que desean, pero no se tomarán simplemente "tal cual". Esto funciona especialmente bien si tiene varios ejemplos para un solo ícono, para ayudarnos a comprender la "esencia" de la idea.
Por ejemplo, existe un logotipo/ícono conceptual bastante universal para "agender", por lo que si le estuviera proponiendo a Google agregar un ícono de agender en el estilo Material, ya sea mencionándolo o señalando https://www.google.com/search ?q=agender+icon sería un consejo útil.
Actualmente, Google no incluye logotipos de terceros entre los símbolos o íconos de materiales por razones legales. Desde entonces, se han eliminado algunos logotipos de terceros que se incluyeron en el pasado.
Actualmente, Google no mantiene el paquete npm para este repositorio, después de la versión 3 (2016). Sin embargo, el usuario @marella aloja lo siguiente. Nos dice que estos se actualizan y publican automáticamente mediante GitHub Actions. Nota: Google no supervisa ni examina estos paquetes.
material-iconsEstos íconos más nuevos se pueden explorar de una manera más fácil de usar en https://fonts.google.com/icons. Utilice el menú desplegable cerca de la parte superior izquierda para elegir entre los dos conjuntos; Símbolos de materiales es el valor predeterminado.
Estos íconos se crearon/diseñaron primero como fuentes variables (basados en los diseños de 24 px de Material Icons). Hay tres fuentes variables de símbolos de material independientes, que también tienen iconos estáticos disponibles (pero no tienen todas las variaciones disponibles, ya que serían cientos de estilos):
Cada una de las fuentes tiene estos ejes de diseño, que se pueden variar en CSS, o en muchas aplicaciones de diseño más modernas:
Los siguientes directorios de este repositorio contienen contenido específico de símbolos materiales (no iconos materiales):
¿Qué no está disponible actualmente en Símbolos de materiales?
Los íconos se pueden explorar de una manera más fácil de usar en https://fonts.google.com/icons?icon.set=Material+Icons
Estos íconos clásicos están disponibles en cinco estilos distintos:
Los siguientes directorios de este repositorio contienen contenido específico de iconos de materiales (no símbolos de materiales):
¿Qué no está disponible actualmente en Material Icons?
Lea la guía para desarrolladores sobre cómo utilizar los íconos de Material Design en su proyecto.
Las carpetas font y variablefont contienen archivos de fuentes pregenerados que se pueden incluir en un proyecto. Esto es especialmente conveniente para la web; sin embargo, generalmente es mejor vincular a la fuente web alojada en Google Fonts:
< link href =" https://fonts.googleapis.com/css2?family=Material+Icons "
rel =" stylesheet " > < link href =" https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined "
rel =" stylesheet " >Lea más sobre símbolos de materiales o íconos de materiales en la guía para desarrolladores de Google Fonts.
Hemos puesto estos íconos a su disposición para que los incorpore a sus productos bajo la licencia Apache versión 2.0. Siéntase libre de mezclar y volver a compartir estos íconos y documentación en sus productos. Nos encantaría atribuir la información en la pantalla Acerca de de tu aplicación, pero no es obligatorio.
