Extractor de fuentes de iconos
5 / 5Convierte una fuente de iconos WOFF2, WOFF, TTF u OTF en iconos SVG sueltos y con nombre. Previsualiza cada glifo, recupera los nombres de la fuente o de tu CSS y descarga archivos SVG sueltos o un sprite SVG.
Sube una fuente de iconos
WOFF2, WOFF, TTF u OTF de hasta 10 MB. Adjunta el CSS o pega la URL de la fuente para obtener nombres más precisos.
WOFF2, WOFF, TTF u OTF — hasta 10 MB
Cómo funciona el extractor de fuentes de iconos
Convierte una fuente de iconos WOFF2, WOFF, TTF u OTF en iconos SVG limpios y con nombre: archivos sueltos o un sprite, listos para producción.
Cualquier fuente de iconos
Sube un WOFF2, WOFF, TTF u OTF, o pega la URL de una fuente. El extractor decodifica el contorno de cada glifo directamente de la fuente, sin pérdida de calidad y sin vectorizar.
Nombres reales, no puntos de código
Los nombres se recuperan de la fuente (nombres de glifos, ligaduras) y, si adjuntas el CSS, también de tus clases, como .icon-home. Así obtienes home.svg y no icon-e900.svg.
SVG sueltos o un sprite
Descarga cada icono como un SVG optimizado independiente (en un ZIP) o un único sprite SVG con un symbol por icono. Ambos usan currentColor, así que puedes cambiar el color desde CSS.
Migra conjuntos de iconos antiguos
¿Tienes un proyecto antiguo con una fuente de iconos pero sin los SVG originales? Recupera todo el conjunto como archivos SVG limpios y con nombre, listos para un sprite, componentes de React/Vue o Figma.
Preguntas frecuentes
WOFF2, WOFF, TTF y OTF. La fuente se analiza en el servidor con fontTools, así que funcionan incluso los WOFF2 comprimidos. También puedes pegar un enlace directo a la fuente.
Por orden de prioridad: tu clase CSS (si adjuntas el CSS), la ligadura de la fuente, el nombre del glifo OpenType, el nombre Unicode y, como último recurso, un nombre generado icon-XXXX.
Las fuentes de texto no son conjuntos de iconos. De forma predeterminada solo se extraen los glifos del Área de Uso Privado (Private Use Area), que es donde están las fuentes de iconos, así que una fuente normal da poco o nada.
Sí: cada icono es un trazado vectorial real con viewBox y fill="currentColor". Ábrelos en el Editor SVG, añádelos a un sprite o impórtalos en Figma como vectores.