Iconos de Material Design (PNG, SVG)

Material Design es, casi con total seguridad, uno de los desarrollos más importantes que Google realizó durante el 2014. Desde su lanzamiento los recursos relacionados no paran de surgir, algo que nos beneficia a todos nosotros.

Uno de estos recursos es Material Design Icons, una excelente colección de iconos en formato SVG y PNG, listos para utilizar en nuestro proyecto.

Los iconos vienen en distintos tamaños, medidas y resoluciones, obviamente preparados para ser empleados en dispositivos móviles, celulares, tablets, etc. Incluso podemos emplearlos en el diseño de un sitio web, para ello es recomendable emplear la tecnica CSS Sprite para lograr un resultado más eficiente y con menores tiempos de carga.

Algo que me parece interesante de esta iniciativa es que los iconos pueden ser empleados en el desarrollo de aplicaciones para iOS, esto permite crear interfaces más homogéneas, aspecto que si bien no es imprescindible es importante desde el punto de vista de tener una misma imagen como aplicación independientemente del dispositivo utilizado.

Si empleamos estos iconos para la web vamos a encontrarlos en la descarga bajo la notación de 1x, 2x, 3x, etc., es decir, listos para funcionar en diseños adaptables. Ahora si lo vamos a usar en una aplicación nativa móvil vamos a encontrarlos exportados en los formatos y resoluciones más populares (hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi).

Si se deciden por hacer uso de este set de iconos de material design en un sitio web, la forma de emplearlos es muy similar a la de cualquier framework, por ejemplo:

<div class="icon icon-ic_play_circle_outline_black_24dp"></div>

Todos los iconos se encuentran liberados bajo licencia Creative Commons BY-SA 4.0 (libre para compartir, adaptar, transformar y para su uso personal/comercial).

Descarga: Material Design Icons