¿Estás seguro de que quieres borrar esta colección?
- /
Las ventajas de tus colecciones cambiaron
- Sólo puedes mantener 3 colecciones
- Puedes añadir hasta 100 iconos por colección
- No puedes añadir iconos premium a tu colección
Aproveche al máximo sus iconos y colecciones
Obtén 20% de descuento en nuestro
Plan Premium Anual
- /
Select 3 collections to continue:
Tienes 8 colecciones pero solo puedes desbloquear 3 de ellas
Informar de problema con descarga
Imagen codificada Base 64
Copia la información cifrada de base64 e insértala en tu documento HTML o CSS.
¿No sabes cómo? Encuentra más información aquí
Imagen HTML
Fondo CSS
¿Lo necesitas para la web? Copia este enlace en tu página web:
Fuentes de iconos
Las fuentes de iconos te permiten convertir iconos vectoriales en fuentes web. Esto significa que puedes mostrar iconos vectoriales en tu sitio y modificarlos con CSS. Comprueba esta página para aprender a usar las fuentes de iconos con Flaticon..
Características
-
1. Alta resolución
Los iconos son escalables y compatibles con las pantallas retina. Son perfectos para los diseños interactivos. Se ven geniales en pantallas de cualquier resolución.
-
2. Rápido y fácil
Crear fuentes de iconos con Flaticon es más fácil que nunca. Añade iconos a tu colección y descárgalos en un periquete.
-
3. Control total CSS
Las fuentes de iconos son básicamente texto, por lo que puedes modificarlas con CSS..
-
4. Accesible
Flaticon nombra los iconos con términos comunes para ayudar a las funciones de accesibilidad a entender su significado ;-).
-
5. Se pueden animar
Las transiciones y animaciones CSS son completamente compatibles con las fuentes de iconos.
-
6. Ordenado
No más montones de imágenes o sprites engorrosos. ¡Basta de perder el tiempo!
Cómo usar las fuentes de iconos con Flaticon
1. Prepara tu colección
Añade iconos monocolor desde tu colección para tu página web
2. Descargar fuente de iconos
Abre tu colección y pulsa el botón de Descargar colección. Luego, selecciona fuente de iconos
3. Cópialo en tu carpeta
Copia los archivos fuente y CSS a tu carpeta web.
4. Cargar la hoja de estilo
Añade la hoja de estilo en la etiqueta HEAD de tu web.
<link rel="stylesheet" type="text/css" href=“tu_dominio_web/css_root/flaticon.css">
5. Usar las categorías
Usa las categorías de cada icono y aparecerán en tu página web. Después, manipúlalos con CSS.
Ejemplo de uso: <i class="flaticon-airplane49"></i> o <span class="flaticon-airplane49"></span>