Generador de fuentes de iconos / sprites
10 / 10Combina tus propios iconos SVG y los del catálogo de Jinero en un único sprite SVG o en una fuente web de iconos.
Sube iconos SVG
Hasta 50 archivos SVG, de 512 KB como máximo cada uno. Combina tus propios SVG con iconos del catálogo.
Hasta 50 archivos SVG, de 512 KB como máximo cada uno
Cómo funciona el generador de sprites
Crea sprites SVG o fuentes de iconos a partir de tus propios SVG. Una herramienta, dos formatos de salida y un resultado listo para producción.
Sprites SVG
Combina varios iconos SVG en un único archivo sprite con referencias symbol. Una sola solicitud HTTP carga todos tus iconos, más rápido que con archivos sueltos.
Fuentes de iconos
Genera tu propia fuente de iconos a partir de tus SVG, con archivos WOFF2, WOFF y TTF y una hoja de estilos CSS. Usa los iconos como caracteres de texto con las propiedades font-size y color.
Origen flexible
Sube tus propios archivos SVG o elige iconos del catálogo integrado de la biblioteca. Combina orígenes como quieras: el generador ajusta todos los iconos a un viewBox uniforme.
Resultado listo para producción
Descarga un ZIP con todos los archivos generados, incluidos un HTML de demostración, el CSS y la documentación de uso. Añade el paquete a tu proyecto y empieza a usar los iconos al momento.
Preguntas frecuentes
Para proyectos modernos se suelen recomendar los sprites SVG: admiten iconos multicolor, se renderizan con más nitidez y son más accesibles. Las fuentes de iconos son útiles cuando necesitas dar estilo a los iconos con propiedades de texto de CSS o dar soporte a navegadores muy antiguos.
No hay un límite estricto. En la práctica, los sprites y las fuentes funcionan bien con hasta unos cientos de iconos. Si el conjunto es muy grande, plantéate dividirlo en varios sprites por categoría para no cargar iconos que no usas.
Sí. Cada SVG se limpia y se optimiza durante el procesamiento: se eliminan los metadatos innecesarios, los restos de los editores y los trazados redundantes. El resultado está listo para producción sin más optimización.
Sube tu conjunto de SVG actualizado y vuelve a generarlo. La herramienta crea un sprite o una fuente nuevos cada vez, así que siempre obtienes un resultado limpio, sin iconos sobrantes de versiones anteriores.