GOOGLE – Material Icons

¿Qué es Google Material Icons?

Es la nueva gama de Icons que apenas el año pasado comenzó a implementar el Monstruo del Internet Google. Estos Icons tienen  diseño minimalista y están desarrollados para adaptarse a cualquier tipo de Pantalla y/o Resolución, la mayoría se incluyen en el Android KitKat, pero no es hasta el Android Lollipop en donde se ponen en función todos los Iconos de Google que van de la mano con el Nuevo Material Design que incluye un diseño más minimalista y todo apuntado hacia tener una aplicación totalmente Responsiva.

Pero este diseño no solo está disponible para la plataforma Android, nosotros podemos conseguir los Materials Icons de google  en su propio sitio WEB https://www.google.com/design/icons/, en donde podemos obtener los iconos de diferentes maneras: Descargarlos en Formato SVG, PNG o incluso obtener la fuente de los iconos.

Google Material Icons tiene licencia Creative Cummons 4.0 as que puedes incluirlos sin ningún problema en tus proyectos.

Lo que me parece más Grandioso es la manera sencilla y fácil de implementar estos iconos mediante la versión Fuente que incluye más de 750 iconos, a continuación te muestro como funciona.

  1. Añadir el url de la fuente a nuestro proyecto.
  2. En el sitio web de Google Material Icons, seleccionar el icono a utilizar y añadir una etiqueta <i> a con la clase material-icons y dentro el nombre del icono, de la siguiente Manera.
  3. Y podras observar como tu elemente <i> se convierte en el icono seleccionado.icon
  4. Y listo, de aquí en adelante todo dependerá de tu imaginación para implementarlo, puedes añadirle colores aumentar el tamaño… etc.

    Google Material Iconos

    Resultado

    De esta manera y con un poco de imaginación y creatividad podremos darle a nuestro proyecto una imagen más original.  Hasta aquí el post de hoy, espero les ayude a darle un poco de estilo a sus proyectos y les sea de mucha utilidad.  Cualquier duda o sugerencia, la caja de comentarios está a su completa disponibilidad.

 

Angel Gutierrez Monola

Developer Boy Amante de la tecnología. Apasionado del Béisbol⚾ Fundador de http://Gumonet.com Emprendedor por Pasión Y Lector por distracción.

You may also like...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *