Hola Amigos!
Hace algo de tiempo que no me paso a compartir algo con ustedes. Hoy quiero mostrarles una lista de 10 iconfonts para usar en sus proyectos
Un Iconfont, es precisamente eso, un archivo de tipografía, que contiene pictogramas. La principal ventaja es la capacidad de estilizar los íconos de la misma forma que lo hacemos con texto normal, obteniendo grandes ventajas de ello.
Hace algunos años, tuve la suerte de leer un muy buen libro de iconografía, "Rockstar Icon designer" de Rockeable press. Me llama mucho la atención que en aquel entonces este formato no estaba considerado dentro de la muy amplia gama de formatos.
Por aquel entonces se manejaban muchos estilos y diferentes formatos, supongo que la razón era que el flat design aún no era la super tendencia que conocemos hoy en día y y se encontraba mas frecuentemente esfuerzos Esqueumorfistas.
Como sea y ya hoy en pleno 2018, es muy común encontrar muchas librerías como font awesome que nos permiten el acceso a cientos de símbolos listos para importar en los proyectos. Un gran avance en cuanto a las dificultades que agregar imágenes a una aplicación/website/proyecto se refería.
Ventajas
👌 Cientos de iconos consistentes al alcance de tu mano.
👌 Fáciles de estilizar y animar
👌 Fáciles de escalar, sin perder resolución.
👌 Técnicamente una solución a importar archivos de imagen que cuestan ancho de banda.
Desventajas
👎Principalmente el tamaño, muchos Iconfonts están diseñados especialmente para medidas especificas y a veces salirse de dicha medida afecta a la resolución.
👎 No pueden ser multicolor
Pero bueno, sentadas estas bases veamos estas 10 iconfonts para usar en nuestros proyectos
1 Font awesome
Probablemente una de la sicon fonts mas populares en el mercado, font awesome ofrece una version PRO y una versión limitada gratuita.
2 Maki icon
Descubrí esta font mientras investigaba para el diseño de mi propio iconfont. Especial para mapas, mapbox ofrece una guia para crear tus íconos y un iconset especial para aplicaciones de mapas.
3 Material icons
Con el auge de material design y los desing systems, google nos ofrece cientos de pictogramas listos para utilizar y con el respaldo de la marca y las ventajas que eso conlleva.
4 Line awesome
Un divertido experimento que convierte los íconos de font awesome en su versión OUTLINE. Genial para probar conceptos.
5 Themify icons
Una de las creadoras de temas más populares nos ofrece esta herramienta para desarrolladores y diseñadores, con más de 300 íconos inspirados en IOS7.
6 Dashicons
Los iconos del admin de wordpress listos para descarga! Normalmente nefocados en paneles de adimistracón de información y multimedia.
7 Octicons
Un set de bonitos ícnos hechos con amor por GIT <3
8 Genericons
Genericos y de buen ver para tu website
9 Stroke 7
Basados en IOS7, listos para complementar cualquier proyecto
10 elegant
Una de las más completas librerías de Íconos y es gratis!
Y bueno, eso es todo por hoy. Les dejo el link para que conozca mi pequeño proyecto de IconSet! y tambien es gratis!
Si tienes dudas de como usar un icon fon en sketch, te dejo este árticulo que escribí hace poco. A llenar nuestras colecciones!
Felices trazos
