Si sois asiduos visitantes del blog probablemente ya conoceréis Flaticon, la web especializada en iconos vectoriales.
Flaticon es reconocido como uno de los bancos de iconos más destacados en Internet, no solo por la calidad y amplitud de sus colecciones, sino también por su modelo de negocio que ofrece una licencia de uso gratuito
Algunos después de su creación, nos encanta poder decir que Flaticon, una empresa malagueña con 30 trabajadores en plantilla, es el mayor banco de iconos vectoriales gratuitos del mundo. Toma ya.
Qué es Flaticon
Flaticon es un popular sitio web y plataforma en línea que ofrece una amplia colección de iconos vectoriales de alta calidad. Se ha convertido en una de las fuentes más populares para encontrar y descargar iconos de forma gratuita.
La principal característica de Flaticon es su extensa biblioteca de iconos vectoriales, que abarca una amplia variedad de categorías y estilos. Estos iconos son diseñados por un equipo de profesionales y están disponibles en formatos editables, lo que permite a los usuarios personalizarlos según sus necesidades.
Flaticon ofrece tanto una versión gratuita como una versión premium. En la versión gratuita, los usuarios pueden descargar los iconos de forma gratuita, siempre y cuando se acredite al autor.
La versión premium, conocida como Flaticon Pro, ofrece beneficios adicionales, como acceso a más iconos, descargas ilimitadas y la posibilidad de utilizar los iconos sin necesidad de acreditar al autor.
Además de su sitio web, Flaticon también ofrece complementos para programas populares como Adobe Photoshop, Illustrator y Microsoft Office, lo que facilita la búsqueda y el uso de iconos directamente desde estas aplicaciones.
El cambio de Flaticon
Pues bien, por si no lo sabíais, recientemente han cambiado (muy acertadamente, en mi opinión) el diseño del site y no sólo eso: han introducido nuevas funcionalidades como las “colecciones personalizadas”, una forma muy cómoda de ir seleccionando y guardando por temas los iconos que nos interese descargar.
Además los iconos son editables antes de la descarga (se puede modificar el color), como podéis ver en la imagen.
Y por si fuera poco, han lanzado una App para Mac OS X que ofrece por lo visto muy buena usabilidad. No la hemos podido probar pero lo haremos en breve (de momento esperamos vuestros comentarios 🙂 ).
La verdad es que el funcionamiento del sitio es muy intuitivo, est@s chic@s han conseguido que la estancia en la web sea realmente agradable para el usuario.
Además, para mayor comodidad, disponen de una extensión para Photoshop, Illustrator y After Effects que, una vez instalada, nos permite buscar en su inmensa base de más de 107.000 iconos (y sigue creciendo) sin salir de nuestro software de diseño.
¿Qué hace tan especial a Flaticon?
Hay varias bases de datos de iconos en todo Internet. Entonces, ¿por qué deberíamos ir al Flaticon?
Echa un vistazo a los siguientes beneficios / características que encontramos en el sitio web que nos atrajeron hacia ellos.
Increíbles iconos
De acuerdo o no, lo mejor que la mayoría de los usuarios necesitan es la belleza de los iconos. Nadie descargará esos iconos que se ven mal incluso si es gratis.
Cuando se trata del Flaticon, casi todos sus íconos (probablemente todos) se ven geniales y limpios.
En lugar de esos diseños 3D voluminosos, este sitio proporciona iconos ‘planos’. Los iconos son limpios, hermosos y adecuados para cualquier necesidad.
Iconos gratis
La mayoría de los iconos que figuran en el Flaticon son de uso gratuito. Pero deberá acreditar al autor cuando lo use. Si no desea acreditar al autor cada vez que utiliza un icono, deberá actualizar su suscripción. Al considerar la belleza de los iconos, no hay problema en acreditar al autor.
Enorme base de datos de Flaticon
Flaticon tiene una enorme base de datos de varios iconos en diferentes paquetes de iconos. Para encontrar un icono, todo lo que tiene que hacer es simplemente buscarlo en el cuadro de búsqueda o encontrar el paquete de iconos apropiado.
Contiene todos los iconos que necesita, desde mascotas hasta computadoras. Nunca tendrá que usar otro sitio web de iconos después de usar Flaticon.
Facilidad en el uso
A diferencia de muchos otros sitios web de descarga de iconos que requieren numerosos pasos para descargar un icono, Flaticon tiene uno de los métodos más simples. Todo lo que tiene que hacer es encontrar un icono perfecto para su necesidad, hacer clic en él, elegir el formato y elegir el tamaño. El icono se descargará de inmediato.
Además, si se registra para obtener una cuenta gratuita de Flaticon, puede crear sus propias colecciones de iconos y descargarlas todas a la vez. Pero los usuarios solo tendrán una cantidad limitada de descargas / día.
Paquetes de iconos Flaticon
El paquete de iconos es un grupo de iconos. Los paquetes de iconos facilitan la búsqueda de iconos o iconos relacionados del mismo autor. De esta manera, puede encontrar los mejores y más perfectos iconos para sus necesidades.
Puedes descargar un paquete de iconos completo en lugar de descargar los iconos uno por uno. De la misma manera, hay Icon Families que son una versión mejor y más grande de los paquetes de iconos. Puede encontrar iconos similares en familias de iconos.
Descarga en diferentes formatos
Flaticon te permite descargar sus iconos favoritos en cualquiera de los formatos PNG, SVG, EPS, PSD, Base 64. Si descargas el icono en formato PNG, tendrá la opción de seleccionar los tamaños preferidos (16px, 24px, 32px, a 512px) y colores.
Por lo tanto, puede personalizar los iconos incluso antes de descargarlos. En otros formatos, no hay necesidad de tales opciones, por ejemplo, las imágenes SVG no perderán su calidad a un tamaño enorme, por lo que no lo incluyeron.
Pros y contras
Aquí tienes una tabla que resume los pros y contras de Flaticon:
| Pros | Contras |
|---|---|
| Amplia variedad de iconos | Algunos iconos pueden tener una calidad inferior |
| Iconos de alta calidad y diseño profesional | La versión gratuita requiere acreditar al autor |
| Categorías y estilos variados | La versión premium tiene un costo |
| Complementos para programas populares | Puede llevar tiempo encontrar el icono adecuado |
| Fácil de navegar y descargar iconos |
Recuerda que esta tabla es solo un resumen general y que los pros y contras pueden variar según las preferencias y necesidades de cada usuario.
Guía de uso de Flaticon
Aquí tienes una pequeña guía de uso de Flaticon explicada de manera sencilla:
Paso 1: Ingresa a Flaticon
Abre un navegador web y escribe «flaticon.com» en la barra de direcciones. Presiona Enter y serás redirigido al sitio web de Flaticon.
Paso 2: Explora los iconos
Una vez en el sitio web de Flaticon, verás muchos iconos en diferentes categorías como animales, comida, deportes, naturaleza, etc. Haz clic en una categoría que te interese, por ejemplo, «animales».
Paso 3: Elije un icono
Dentro de la categoría de animales, encontrarás una lista de iconos. Puedes desplazarte hacia abajo y elegir el icono que más te guste. Haz clic en él para abrir la página del icono.
Paso 4: Descarga el icono
En la página del icono, verás diferentes opciones de descarga. Si deseas obtenerlo gratis, busca la opción gratuita. Haz clic en el botón de descarga y se guardará en tu computadora.
Paso 5: Acredita al autor (si es necesario)
Si descargaste un icono gratuito, es posible que debas dar crédito al autor. Esto significa que debes mencionar su nombre cuando uses el icono en un proyecto. Puedes copiar y pegar el nombre del autor en un documento o en la descripción de tu proyecto.
¿Por qué Flaticon ofrece iconos gratis?
Los iconos gratis forman parte del modelo de negocio freemium, que significa que la mayoría de los recursos que se ofrecen en Flaticon se pueden utilizar de forma gratuita atribuyendo el recurso a Flaticon. Además, solo pagando una pequeña cantidad, un usuario puede suscribirse al Plan Premium y podrá utilizar todas las ilustraciones sin tener que atribuirlas al autor.
Durante 10 días puedes utilizar la extensión sin limitación alguna y pasado este período, sigues teniendo acceso gratuito a los 10 primeros iconos de cada búsqueda que hagas con la extensión. La versión de pago no tiene limitación, claro. Pero vaya, no está nada mal ¿no?
Desde aquí os recomendamos que os deis un paseo por el nuevo sitio ¡vale la pena!, podéis visitar su web aquí.
Nota: Esto no es un post patrocinado… simplemente tratamos de compartir recursos que nos gustan, nada más 😉
Importancia de los iconos en la usabilidad
Los iconos tienen como objetivo representar una acción o idea de manera visual a través de un color, estilo y atractivo específicos.
El propósito de un icono en una interfaz de usuario es resonar con la personalidad de la marca de una manera clara y coherente. Esto permite al usuario realizar su tarea con mayor facilidad y flexibilidad.
Es fundamental que el icono mantenga la claridad y la coherencia. El icono es más que un elemento llamativo para los usuarios. A muchos diseñadores les ha resultado difícil decidir entre icono y texto en términos de usabilidad.
El viejo dicho de que «una imagen vale más que mil palabras» es válido para la usabilidad y la eficiencia del icono sobre el texto.
¿Qué pueden hacer los iconos?
Los iconos son un medio eficaz para definir el significado en un espacio pequeño en comparación con el texto.
Esto se vuelve aún más importante en una era en la que los tamaños de pantalla se han reducido y los estándares de diseño receptivo han hecho que sea obligatorio redefinir el diseño según el tamaño de la pantalla.
Los iconos elevan el elemento intuitivo del diseño web, un estándar de diseño importante.
Propósito del icono para la interfaz de usuario
Para las pantallas pequeñas, los íconos se pueden mejorar con el tacto y sirven como buenos objetivos.
Las barras de herramientas y los elementos del menú de navegación tienen más espacio para mostrarse porque los iconos liberan mucho espacio que, de otro modo, sería utilizado por el texto.
La memorabilidad se mejora mediante el uso de iconos porque las imágenes se registran durante más tiempo en el cerebro en comparación con el texto.
Por lo tanto, los íconos permanecen más frescos en su mente, lo que facilita que los usuarios los reconozcan. Los iconos mejoran el atractivo visual del diseño y la coherencia refuerza una clase de producto o servicio.
Diseño de iconos
Un icono funciona bien en dispositivos móviles ya que hay menos elementos en la pantalla del móvil y el icono se destaca entre otros elementos.
El caso se invierte cuando se mejora el tamaño de la pantalla. En tales casos, el tamaño del icono debería ser mayor y la navegación debería ser visible y no oculta debajo del icono. Esto proporciona una mayor visibilidad de las opciones del menú y evita problemas de usabilidad del diseño.
El enfoque debe estar en mejorar la memorabilidad para los usuarios. El icono debería tardar unos segundos en transmitir su mensaje y significado.
El diseño debe basarse en la funcionalidad y las características específicas, en lugar de solo el atractivo visual y la imagen gráfica. Los iconos deben probarse en cuanto a la memorabilidad (para verificar la naturaleza intuitiva y el refuerzo de la marca) con los usuarios para medir la efectividad.
Los íconos estéticos cuidadosamente diseñados con etiquetas de texto aumentan tanto el atractivo como el alcance para todo tipo de público. El enfoque del diseño debe ser trascender las barreras idiomáticas y culturales para destacar como un ícono verdaderamente global.
Preguntas frecuentes sobre Flaticon
Flaticon, una empresa malagueña con 30 trabajadores en plantilla, es el mayor banco de iconos vectoriales gratuitos del mundo. Toma ya.
Los iconos gratis forman parte del modelo de negocio freemium, que significa que la mayoría de los recursos que se ofrecen en Flaticon se pueden utilizar de forma gratuita atribuyendo el recurso a Flaticon.
Si descargas el icono en formato PNG, tendrá la opción de seleccionar los tamaños preferidos (16px, 24px, 32px, a 512px) y colores. Por lo tanto, puede personalizar los iconos incluso antes de descargarlos.
Flaticon te permite descargar sus iconos favoritos en cualquiera de los formatos PNG, SVG, EPS, PSD, Base 64. Simplemente busca el icono que necesites y podrás ver los diferentes formatos y tamaños, elige el tuyo.
