¿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:
Sprites SVG
Los sprites SVG te permiten usar iconos vectoriales de forma rápida en tu web. Comprueba esta página para averiguar más acerca de los sprites SVG y cómo usarlos con Flaticon.
Características
-
1. Alta resolución
Los SVG 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
Elaborar fuentes de iconos con Flaticon es más facil que nunca. Añade iconos a tu colección y descárgalos en un periquete.
-
3. Control total CSS
Los SVG son fácilmente personalizables con CSS y tienen normas específicas sobre cómo cambiar su aspecto.
-
4. Accesible
Flaticon nombra a los SVG 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 totalmente compatibles con los sprites SVG.
-
6. Ordenado
No más montones de imagenes o sprites PNG engorrosos. ¡Basta de perder el tiempo!
Cómo usar sprites SVG con Flaticon
1. Prepara tu colección
Añade iconos a la colección para tu web
2. Descarga el sprite
Abre tu colección y pulsa el botón de "Descargar colección". Luego, selecciona "sprite SVG"
3. Cópialo en tu carpeta
Copia el archivo en tu carpeta web..
4. Carga el sprite
Inserta el contenido de tu sprite SVG en tu código HTML.
<link rel="stylesheet" type="text/css" href=“tu_dominio_web/css_root/flaticon.css">
5. Usa los identificadores
Usa el identificador de cada icono para que aparecezca en tu página web. Después, personalízalo con CSS..
Ejemplo de uso: <i class="flaticon-airplane49"></i> o <span class="flaticon-airplane49"></span>