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

  • /
Select 3 collections to continue:

Tienes 8 colecciones pero solo puedes desbloquear 3 de ellas

    Sigue siendo Premium

    Selecciona un color del icono

      Selecciona 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.

        Voltear

        Volteo horizontal
        Volteo vertical

        Selecciona una forma

        Ninguna
        Círculo
        Cuadrado redondeado
        Cuadrado

        Tamaño

        Color

        Anchura del trazo

        px
        Deshacer
        Rehacer

        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

        Manual de fuentes de iconos, parte 1
        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

        Manual de fuentes de iconos, parte 2
        Manual de fuentes de iconos, parte 3
        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">
        Manual de fuentes de iconos, parte 4
        Manual de fuentes de iconos, parte 5
        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>

        ¿Recomendaría Flaticon a un amigo?

        0 1 2 3 4 5 6 7 8 9 10
        Probablemente no Seguramente sí