Material Design de Google ha traído un cambio drástico en sus servicios con hermosos colores contrastados y animaciones interactivas. Con la alternancia, llegaron íconos creados para combinar con el resto del ecosistema. Google ha puesto a disposición todos los iconos de forma gratuita en sus sitios web, aquí te contamos cómo descargarlos y usarlos.
Descargar iconos de diseño de materiales gratis
Para descargar los íconos temáticos de Material, diríjase al repositorio de Google. Desplácese hacia abajo y descubrirá toneladas de iconos disponibles para usar. Puede buscar usando la barra de herramientas o seleccionar el que necesita desplazándose, lo que obviamente consumirá mucho de su tiempo. Una vez que haga eso, aparecerá una barra horizontal en la parte inferior que contiene el nombre del ícono y un par de opciones que puede ajustar.
Consejo: si necesita descargar todos los íconos de materiales, diríjase a este enlace.
Puede especificar el tamaño, si desea un icono en blanco o negro y, finalmente, puede descargarlos en formato SVG o PNG. Desafortunadamente, solo hay dos variantes de color disponibles. Sin embargo, puede usar el Editor SVG para personalizar un icono SVG y modificar los tonos del mismo.
Cambie el color de los iconos de diseño de material usando el Editor SVG
Para modificar el color del ícono en el editor SVG, haga clic en el ícono del cubo en la parte inferior y seleccione el color deseado. Toque la imagen del icono después de importarla desde el menú desplegable de edición de SVG en la esquina superior izquierda. Una vez hecho esto, expórtalo desde el mismo menú desplegable que vimos antes. Si necesita editar iconos localmente, puede descargar SVG a través de este enlace.
Google ha publicado una guía detallada para usar estos íconos en su página de Github. También incluye detalles de licencia, fragmentos de código de iOS/Android para comenzar y un par de métodos para implementar íconos de materiales en su sitio web con ejemplos.
Eso fue todo. Háganos saber si nos perdimos algo en la sección de comentarios a continuación.