• /
Sentimos que hayas cancelado tu suscripción Premium

Aún puede disfrutar de las Colecciones de Flaticon con los siguientes límites:

  • 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
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

  • /
Selecciona hasta 3 colecciones para continuar:

Tienes 8 colecciones pero solo puedes desbloquear 3 de ellas

    Sigue siendo Premium

    Selecciona un color del icono

      Elige un nuevo color

      Historial

        Escalar

        Mover

        Mover a la izq.
        Mover a la dch.
        Mover arriba
        Mover abajo

        Rotar

        Rotar 90º dch.
        Rotar 90º izq.

        Dar la vuelta

        Volteo horizontal
        Volteo vertical

        Selecciona una forma

        Ninguna
        Círculo
        Cuadrado redondeado
        Cuadrado

        Tamaño

        Color

        Deshacer
        Rehacer

        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

        Manual de sprites SVG, parte 1
        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"

        Manual de sprites SVG, parte 2
        Manual de sprites SVG, parte 3
        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">
        Manual de sprites SVG, parte 4
        Tutorial de sprites SVG Parte 5
        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>
        -
        Do you like our service?