Herramienta Gratuita

Generador de Fuentes de Iconos
+91,000 Iconos

Crea una fuente de iconos personalizada en minutos. Explora más de 91,000 iconos de código abierto de Lucide y Tabler, sube tus propios SVG y genera una fuente WOFF + CSS lista para producción. Gratis, sin registro.

TimingFlow Generador de Fuentes de Iconos - Explora más de 91,000 iconos, selecciona los que necesitas, genera tu fuente personalizada
0
Iconos de Código Abierto
0
Colecciones de Iconos
WOFF+CSS
Formato de Salida
$0
Uso Gratuito
Cómo Funciona

Tres pasos para tu fuente de iconos personalizada

Sin software que instalar, sin cuenta que crear. Todo funciona en tu navegador.

1

Selecciona tus iconos

Explora más de 91,000 iconos por categoría o busca por nombre. Sube tus propios archivos SVG para añadir iconos personalizados. Combina iconos de cualquier colección.

2

Genera tu fuente

Haz clic en generar y obtén una fuente WOFF lista para producción con un archivo CSS correspondiente. Cada icono recibe un nombre de clase único como tf-icon-home.

3

Añade a tu sitio

Sube los archivos a tu servidor y añade un enlace CSS a tu encabezado. Compatible con HTML, React, Vue, Angular, WordPress, Webflow, Bubble y cualquier framework.

Planes

Gratis para siempre. Pro cuando lo necesites.

El generador es completamente gratuito. El plan Pro añade CDN alojado con actualizaciones automáticas por $15 CAD/año.

Gratuito
Pro - $15/año
✓ Más de 91,000 iconos
✓ Más de 91,000 iconos
✓ Sube SVG personalizados
✓ Sube SVG personalizados
✓ Descarga WOFF + CSS
✓ Descarga WOFF + CSS
✗ Alojamiento manual de archivos
✓ Enlace CDN alojado
✗ Descarga manual ante cambios
✓ Actualizaciones automáticas
✗ Sin bibliotecas guardadas
✓ Bibliotecas ilimitadas guardadas
Gratis para siempre
$15 CAD/año

Plan Pro: $1.25/mes. Menos que un café.

Compatibilidad

Compatible con todas las plataformas

Tu fuente de iconos generada funciona en cualquier lugar donde puedas añadir un archivo CSS.

HTML / CSS

Cualquier sitio estático o proyecto codificado a mano.

React / Vue / Angular

Importa el CSS y usa nombres de clase en JSX o plantillas.

WordPress

Añade a la carpeta de fuentes de tu tema y registra la hoja de estilos.

Webflow

Sube a Assets, añade la URL del CSS en el código personalizado del head.

Bubble

Sube los archivos, añade la URL del CSS en el header de SEO/Metatags.

WeWeb

Añade la URL del CSS en el código personalizado de Configuración del Proyecto.

Shopify

Sube a los assets del tema y referencia en el layout.

Apps Móviles

Usa el archivo de fuente en React Native, Flutter o apps nativas.

FAQ

Preguntas frecuentes

¿Qué es una fuente de iconos?

Una fuente de iconos es una fuente web personalizada donde cada carácter es un icono en lugar de una letra. Incluyes un archivo CSS en tu sitio y usas nombres de clase como <i class="tf-icon-home"></i> para mostrar iconos. Se escalan a cualquier tamaño, se pueden colorear con CSS y se cargan en una sola petición HTTP.

¿Cuántos iconos están disponibles?

Más de 91,000 iconos de colecciones de código abierto, incluyendo Lucide y Tabler. También puedes subir tus propios archivos SVG para incluir iconos personalizados en tu fuente.

¿Es realmente gratis?

Sí. El nivel gratuito te permite explorar los más de 91,000 iconos, subir SVG personalizados y descargar los archivos WOFF + CSS compilados. Sin registro, sin marca de agua, sin límites en la cantidad de iconos que incluyes.

¿Qué añade el plan Pro?

Por $15 CAD/año, el plan Pro aloja tu fuente de iconos en un CDN. Obtienes una URL permanente para pegar en el encabezado de tu sitio. Cuando añades o eliminas iconos, el CDN se actualiza automáticamente, sin necesidad de volver a descargar ni subir archivos. Puedes crear bibliotecas de iconos ilimitadas.

¿Por qué usar fuentes de iconos en lugar de sprites SVG?

Las fuentes de iconos son más simples de usar (solo clases CSS), se cargan en una sola petición y funcionan en todas partes, incluyendo plantillas de correo electrónico. Se pueden dimensionar y colorear con CSS igual que el texto. Los sprites SVG también son una excelente opción: usa lo que mejor se adapte a tu proyecto.

¿Puedo usar estos iconos comercialmente?

Sí. Todos los iconos del generador provienen de colecciones de código abierto con licencias permisivas (MIT o ISC). Puedes usarlos en proyectos personales y comerciales sin atribución, aunque se agradece dar crédito a los autores originales.

Ecosistema

Parte del ecosistema TimingFlow

Este generador de fuentes de iconos es una de las muchas herramientas de TimingFlow, el sistema operativo creativo para agencias digitales. Una plataforma que reemplaza todo tu stack tecnológico.

  • App Studio -- constructor de sitios web y apps con arrastrar y soltar
  • Generación de Video, Podcast y Contenido con IA
  • E-Commerce sin comisiones de plataforma
  • Formularios, Flujos de Trabajo, Base de Datos y más de 30 módulos
  • Alojamiento de video que reemplaza Vimeo/Wistia
  • Document Studio para generación de PDF
Encontrar una Agencia Ver Todas las Funciones
Panel de TimingFlow -- más de 30 módulos trabajando juntos

¿Listo para crear tu fuente de iconos?

Más de 91,000 iconos. SVG personalizados. Salida WOFF + CSS. Gratis, sin registro.