Conoce UIcons: Los nuevos iconos de interfaz de Flaticon

| 29 de junio, 2021

Si eres un programador o un diseñador, seguro has trabajado los iconos de interfaz o UI Icons. Son herramientas esenciales para cualquier sitio. Y como desde Flaticon queremos hacer que tu trabajo sea siempre más fácil, desarrollamos los UIcons. UI Icons especialmente creados para programadores y optimizados para el uso web.
Con los UIcons ayudarás a que tus usuarios recorran e interactúen tus sitios de una forma más intuitiva y rápida. Además, de mejorar su experiencia dentro de tus páginas web, les darás una imagen y estética increíble.

Beneficios de los UIcons

Estos iconos no son solo bonitos, sino que además, son útiles. Muy útiles.

Uso en Mobile: Si tus sitios contemplan el responsive design, los UIcons son esenciales ya que, incluso a un tamaño tan reducido como 16px, se pueden activar de manera simple, sin correr riesgo de que estos se deformen.

Economizan Tiempo: Si bien existen millones de UI Icons, nuestra librería tiene algunos de los diseños más reconocidos por los usuarios, con el fin de que sea más simple para que ellos los utilicen.

Armonía Estética: Además de sintetizar conceptos y guiar al usuario, aportan valor estético e imprimen personalidad a tu web…¿Os imagináis un sitio que sea sólo texto?

Webfonts

Cuando los utilizas como webfonts te aseguras de que tus sitios pesen menos. Así los optimizas, reduciendo los tiempos de carga.
A la hora de pensar tu página web, los UIcons pueden aportar mucho a la experiencia del usuario. Por eso, este paquete te brinda las mejores herramientas para tus proyectos.

Puedes usarlos con nuestro CDN.
Incluye el archivo CSS en la sección <head> de tu página web o con un @import en tu CSS copiando los links que encontrarás aquí, luego de registrarte en Flaticon.

También puedes incluirlos en tus diseños descargando el pack.

Una vez lo hayas hecho, deberás copiar la carpeta /webfonts completa y /css/uicons- [your-style] .css en el directorio de activos estáticos de tu proyecto (o donde prefieras tener los activos de front-end o las cosas del proveedor).
Agrega una referencia al archivo /css/uicons-[your-style].css copiado en el <head> de cada plantilla o página en la que quieras usar Uicons.
Reemplaza uicons-[your-style].css con el nombre del estilo que se ha descargado.

Quedaría algo así:

<head>
 <link href=»/your-path-to-uicons/css/uicons-[your-style].css» rel=»stylesheet»> <!–load all styles –>
</head>
<body>
 
 
 
 
</body>

Crea un sitio con estilo

Descarga todos los estilos que desees utilizar en tu proyecto y personalízalos a tu antojo.
Uicons te permite usar dos estilos de terminaciones diferentes (redondeadas y rectas) y tres pesos diferentes (normal, negrita y sólido) para cada uno de ellos.

Luego tenéis que colocar todos los archivos en las carpetas como explicamos anteriormente y agregar una referencia en la sección para cada estilo descargado.

¿Quiéres Más Razones Para Usarlos?

Este paquete cuenta con una licencia que te permitirá usarlos en proyectos comerciales y personales, en medios digitales e impresos, de manera ilimitada y perpetua en todo el mundo.
No solo podrás contar con iconos increíbles, podrás modificarlos y adaptarlos como desees a tus diseños de una manera simple.
Además, puedes utilizarlos de tres maneras diferentes. Como SVG, como CSS o como Webfonts. Tres maneras diferentes para trabajar de la forma que más te plazca.

Descubre los UIcons de Flaticon, una herramienta clave para tus proyectos.

By Flaticon