• /
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
    Editor de iconos
    Deshacer
    Rehacer
    Rejilla:
    Selecciona un color
      Paleta
      Historial
        Colores originales del icono
          Mover
          Mover a la izq.
          Mover a la dch.
          Mover arriba
          Mover abajo
          Rotar/Voltear
          Rotar 90º izq.
          Rotar 90º dch.
          Volteo horizontal
          Volteo vertical
          Escalar
          Reducir escala
          Aumentar escala

          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>
          • Te presentamos nuestras colecciones

            Las colecciones son el corazón de nuestra aplicación web. ¿Quieres saber cómo usarlas? Pulsa "siguiente" para ver la guía.

            1 de 9
          • Lista de colecciones

            Lista de colecciones

            Esta es una lista de tus colecciones. Puedes cambiar sus nombres, y están ordenadas por uso. Haz clic en una de ellas para empezar a usarla.

            2 de 9
          • Crear una colección

            Crear una colección

            Haz clic en este botón para crear una colección.

            3 de 9
          • Cambiar nombre

            Cambiar nombre

            Haz clic aquí para cambiar el nombre de la colección

            4 de 9
          • Colección activa

            Colección activa

            Esta es tu colección activa. Una colección puede tener hasta 256 iconos si eres un usuario registrado o 50 si aún no estás registrado.

            5 de 9
          • Color

            Color

            Puedes cambiar el color a todos los iconos en tu colección.

            6 de 9
          • Modo de edición

            Modo de edición

            Entra en el modo de edición haciendo clic en el icono del lápiz para editar el nombre y el color de cada icono por separado.

            7 de 9
          • Eliminar

            Eliminar

            ¿Ya no quieres más esta colección? Puedes eliminarla y crear una nueva aquí.

            8 de 9
          • ¡Disfruta!

            Eso es todo. Si tienes alguna pregunta, puedes contactar con nuestro equipo de soporte aquí.


            Gracias por usar Flaticon. Esperamos que hayas disfrutado de nuestro servicio.

            9 de 9
          -
          Do you like our service?