¡Hola lector!
Como todos sabemos, Saturn icons y Honeybee se unieron para crear Cappuccicons, pero no borraron las viejas librerías de iconos que muchos de nosotros utilizábamos. Yo particularmente me hice una recopilación de preview de todos para tener a mano fácilmente a la hora de utilizarlos y saber cuál estoy queriendo utilizar (?.
Visita Cappuccicons, ¡colabora con sus diseñadores!
NOTA: No olvides corregir las comillas ya que tumblr las modifica automáticamente.
A muchos nos encantan los iconos en los diseños web y de foros, con el tiempo nos hemos acostumbrado a que unas lineas horizontales nos indiquen el menú o un avioncito de papel sean los mensajes. Por lo general estos se trabajan como fuentes o en vectores para que así puedan modificarse sus características sin perder calidad. La fuente más famosa de iconos es font-awesome, ¿pero acaso es la única?
Te presento algunas alternativas gratuitas de características similares para sustituir esta fuente de iconos que ya se ve en todas partes.
Fuentes de Iconos
Linearicons
Ofrece una versión gratuita de 170 iconos de linea, no de mancha. Esta versión gratuita cuenta con casi todo lo necesario para iconos de accesibilidad e una página o foro, los que quedan fuera son los más divertidos por decirlo de algún modo. +Información
Elegant Themes
Han creado 310 iconos completamente gratuitos los de línea y de mancha. Se pueden descargar directamente de la web tanto las imágenes en png y svg como los archivos para usarlos como font. +Información
Typicons
Unos 220 iconos que mezclan mancha y línea de dos grosores. Están bastante bien resueltos pero las líneas finas pueden perderse cuando son muy pequeños. +Información
Dripicons
Unos 200 iconos disponibles en forma de font, svg, psd entre otros. +Información
We love icon fonts
En esta página están subidas diferentes icon font para que su acceso sea más sencillo, se maneja de una forma similar a Google Fonts. +Información
En la misma línea existe también: http://fontello.com/
Iconos en png/svg
Aveces no merece la pena instalar toda una fuente si solo se van a usar dos o tres iconos, para ello hay muchas páginas donde buscar este tipo de gráfico. Aún así quería mencionar algunos de mis favoritos:
Afiado
Iconos tipo pixel, aunque algunos son imposibles de adivinar me hicieron bastante gracia y quería mencionarlos. +Información
Entypo
Se puede descargar el pack de 411 rápidamente en la página en formato svg. +Información
Feather
Preciosos iconos de línea, ligeramente redondeados. Hay más de 160 y se pueden descargar en pack o uno por uno en la web. +Información
SteadySets
Un pack de 140 iconos que puedes descargar desde la página, no hay una previsualización pero son casi todos de linea. +Información
ToIcon
Una página donde se pueden encontrar diferentes colecciones de iconos, desde más sencillos como los de línea a otros de color muy interesantes. +Información
FlatIcon
¿Sabéis lo de: “para todo lo demás master card”? En iconos eso sería FlatIcon, si no quieres instalar una fuente completa como la de font-awesome, aquí podrás encontrar todos los iconos en diferentes formatos, además de esto no se reducen a este tipo de icono de linea o de mancha monocromo pensado para poder ser de tamaño reducido, sino que los hay de colores y muy detallados.
Otros
Hay muchísimos iconos dependiendo de la cantidad de ellos que necesitemos podemos recurrir a unos colecciones u otras para mantener cierta cohesión entre los elementos de nuestro diseño. No quiero poner muchos más o esto se haría eterno. Dejaré algunos links sin descripción.
Dashicons
Batch
Genericons
Google Material
Icon8
Ligature Symbols
Mobirise
Modern Pictograms
Octicons
Pixiden’s Stroke
StreamLine
Temify
Está claro que me dejo muchísimas pero espero que las que he nombrado ayuden un poco.
In this article we are learning how to use icon fontsin a HTML design with a few simple steps. Follow our blog for more icon tips & tricks. Icon fonts are quickly becoming a web design trend and there is a good reason for that. Creating icons with icon font gives html designers the ability to manipulate the icon with CSS. The days of creating two different icon images for rollovers or effects are…
Maven - One Page Portfolio Joomla Template (Portfolio)
Maven – One Page Portfolio Joomla Template (Portfolio)
Live PreviewPurchase $43.00 Maven
Spectacular and daring one-web page portfolio Joomla template.
Maven is a totally responsive and retina prepared single web page portfolio. It presents beautiful design, actually nice compatibility and comes with tremendous help. Intuitive, straightforward and highly effective – Maven features a huge array of options.
