Familia de Generadores

Generador de Galería de Iconos

Busca en una biblioteca compacta de iconos SVG, visualiza tus ajustes de estilo en tiempo real y copia iconos individuales o exporta una hoja de sprites reutilizable para sistemas de diseño, aplicaciones o documentación.

  • 24 iconos de línea integrados con etiquetas de búsqueda
  • Controles de tamaño, trazo, color y fondo en tiempo real
  • Acciones para copiar o descargar iconos individuales
  • Exportación por lotes para iconos seleccionados como un sprite SVG

Configura tus reglas de iconos

Todos los controles se aplican en el lado del cliente. Los tamaños están en píxeles, el ancho del trazo se redondea a un decimal y los símbolos exportados mantienen currentColor para que puedas cambiarles el color más tarde mediante CSS.

Coincide con nombres de iconos y etiquetas como comercio, clima o medios.

Filtra la galería antes de seleccionar iconos para exportar.

Solo letras, números y guiones. Los caracteres no válidos se eliminan automáticamente.

Rango permitido: de 16 a 256 píxeles.

Rango permitido: de 1.0 a 4.0.

Las esquinas permanecen redondeadas para preservar la legibilidad en tamaños pequeños.

Usa un valor hexadecimal de 3 o 6 dígitos como #16202B.

Usado solo para la previsualización en la galería. Las descargas permanecen transparentes.

Los SVG exportados siguen usando un lienzo transparente.

0 iconos seleccionados para exportar.

Copia el SVG en línea para un uso rápido, o selecciona un conjunto de iconos y genera un archivo sprite a continuación.

0 visibles
0 seleccionados

Exportación de sprites

La salida del paquete incluye un <symbol> por cada icono seleccionado. Haz referencia a cada icono más tarde con <use href="#nombre-icono">. Si no hay nada seleccionado, las acciones de exportación permanecerán desactivadas.

Selecciona uno o más iconos para generar una previsualización del sprite.


    


    

      

        

          
Cómo funciona

          
La galería utiliza marcado SVG en línea almacenado directamente en la página. Las entradas se sanean, se ajustan a rangos seguros y se vuelven a renderizar inmediatamente para que la previsualización y el marcado exportado se mantengan sincronizados.

        

      

      

        

          
1. Filtra la biblioteca

          
Usa la búsqueda por palabras clave y los filtros de categoría para acotar la lista de iconos. La búsqueda coincide con nombres y etiquetas, por lo que términos generales también funcionan.

        

        

          
2. Ajusta la presentación

          
El tamaño, el ancho del trazo, el estilo de los extremos y los colores de previsualización actualizan todos los iconos visibles. El fondo de previsualización ayuda a revisar el contraste sin incluir un fondo en el SVG exportado.

        

        

          
3. Exporta lo que necesites

          
Copia o descarga cualquier icono individual, o selecciona un conjunto y genera una sola hoja de sprites. Los IDs de los sprites usan el prefijo elegido y se limpian para nombres seguros en minúsculas.