Has alcanzado el número max. de colecciones permitidas

Selecciona las colecciones que quieres mantener. Las demás quedarán bloqueadas hasta que mejores tu cuenta a una premium.

Obtén colecciones ilimitadas

y +2,192,000 iconos


o
Elige tus 3 colecciones favoritas.

Editar iconos
Deshacer
Rehacer
Rejilla:
Selecciona un color
    Reemplaza con
    Últimos colores seleccionados
    • Aún no has seleccionado un color
    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
      Download:
      Choose a format
      • Select a size (in pixels).

      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!

      In we icons

      <svg>
      <use xmlns:xlink "http://www.w3.org/1999/xlink" xlink:href "#icon-search"</use>
      </svg>

      Just one file load. (~30kb)
      .svg

      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.

      Manual de sprites SVG, parte 4
      Manual 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: <svg>
      <use xlink:href="#icon-search"></use>
      </svg>
      • 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
      -
      ¿Te gusta nuestro servicio?