Recursos Front-End

Iconos

Los iconos son indispensables y omnipresentes en cualquier web. Requieren especial atención, ya que suponen una pieza clave para el diseño y el look & feel en general de toda la aplicación.

Diseñar iconos puede ser una tarea muy costosa y larga, por suerte, existen en internet multitud de bibliotecas con muchos iconos predefinidos, algunos de ellos ya estándares.

• 

  FontAwesome La indiscutible y más popular. Trae consigo una enorme colección de iconos perfectos para cualquier web. Su popularidad también se debe a lo bien que se lleva con Bootstrap.

• 

  GoogleIcons Google nos ofrece también un gran catálogo de iconos gratuitos. Este conjunto de iconos en concreto, sigue las directrices de Material Design. Podemos visitar su repositorio GitHub para saber cómo incorporarlos a nuestro proyecto.

• 

  FlatIcon Me encanta esta colección. Un montón de iconos de todas las formas y colores. Agrupados y clasificados en distintos packs, todos de muy buena calidad y además siguiendo las normas de Material Design.

• 

  TransformIcon Este es un proyecto interesante. Son una serie de iconos que se transforman en otros. Usando vectores, estos iconos realizan animaciones para convertirse en otros iconos, otorgándole así a nuestra app un toque muy pro.

• 

  SVG Morpheus La misma idea que en el proyecto anterior. Librería JS dedicada a la transformación de iconos vectoriales según algunos parámetros.

• 

  The Noun Project Esta página es gigantesca. Iconos a tutiplen para aburrir, aquí encontraremos de todo; de la mano de toda una comunidad de diseñadores. Para usarlos de forma gratuita, los iconos no podrán ser usados en proyectos comerciales, además deberemos dar crédito al autor.