Haz clic, guarda, edita y personaliza tus iconos
con las Colecciones de Flaticon
Las Colecciones son muy útiles para todo el que quiera tener sus iconos en orden, visualizarlos y mantener una consistencia en el proyecto. Son muy fáciles de usar y sirven tanto para principiantes como para profesionales.
Ver más
Organiza
Guarda los iconos que necesites de packs diferentes en un mismo lugar. Separa las colecciones por proyectos, añade, elimina, edita y cambia el nombre de los iconos que quieras.
Guardar
Haz clic en "backup de iconos" y descarga una copia de seguridad de tu colección. Compártela con tus compañeros o guárdala para más tarde.
Editar
Para pintar los iconos monocromáticos en diferentes colores utiliza la función "Pintar colección" y elige el color que más te guste.
Funcionalidades exclusivas
Además de formatos como PNG, SVG, EPS y PSD puedes descargarte la colección de iconos como fuente de iconos o como sprites de SVG . Estas funcionalidades te permitirán descargar un archivo que contenga los iconos en forma de código. Es una manera fácil y sencilla de lograr un diseño web adaptable trabajando con CSS3.
Fuente de iconos
Fácil de usar y compatible con todos los navegadores. Puedes cambiar el color o añadir una sombra a la fuente de iconos. Sin embargo, esta funcionalidad solo está disponible para iconos monocromáticos.
Para utilizar iconos de color en tu web, haz clic en Sprites SVG.
<head>
…
<link rel="stylesheet" type="text/css" href="your_website_domain/css_root/flaticon.css">
…
</head>
.flaticon-airplane
Sprites SVG
Al igual que con las fuentes de iconos, los Sprites SVG permiten descargar fuentes con forma de código para usarlo directamente en tu web. Los SVG son fácilmente personalizables con CSS3 y funcionan con iconos de color al contrario que con las fuentes de iconos.
<div hidden>
<svg style="display: none;" xmlns="http://www.w3.org/2000/svg"> <symbol id="blueberries" viewbox="0 0 53.308 53.308">
<title>
blueberries
</title>
<path d="M39.685,2.953c-7.524,0-13.623,6.099-13.623,13.623c0,2.243, 0.552,4.353,1.512,6.219 c1.496-0.565,3.11-0.888,4.804-0.888c5.281,0,9.851,3.011,12.111,7.404c5.15-1.944,8.819-6.905,8.819-12.735 C53.308,9.052,47.208,2.953,39.685,2.953z" style="fill:#003879;">
</path>
…
</svg>
</div>
<svg class="icon">
<use xlink:href="#blueberries"/>
</svg>
#blueberries
Probar ahora
¿Quieres empezar a usar las colecciones en tu proyecto? Echa un vistazo a nuestra guía paso a paso.
Explorar Flaticon