IcoMoon

IcoMoon vs. Fontello vs. SVG directo

El mercado de herramientas de iconos se ha fragmentado en resultado del historico debate entre icon fonts vs. SVG inline. IcoMoon apoya ambos: puedes exportar como font o como SVG sprites según el caso de uso. Fontello es competidor directo pero sin editor SVG integrado ni soporte COLRv0.

¿Cuándo usar icon fonts y cuándo SVG inline?

La discusión no está cerrada. Icon fonts ofrecen mayor compatibilidad y facilidad de uso por CSS (color, tamaño, sombras). SVG inline ofrece más control, accesibilidad mejorada y evita problemas de renderizado en algunos navegadores. ICoMoon permite los dos flujos, lo que lo convierte en herramienta neutral que se adapta al estandar preferido del equipo.

Casos de uso ideales

Proyectos que necesitan iconos personalizados sin depender de librerías generales como Font Awesome completas, equipos que necesitan combinar iconos de distintas colecciones open source, systems design donde se define un set personalizado de iconos marca, y proyectos moviles o de alto rendimiento donde cada KB importa

IcoMoon en el contexto actual de los iconos en la web

IcoMoon nació en 2011 como una solución al problema de los imagenes para iconos que no escalaban bien con dispositivos Retina. La propuesta: generar fonts personalizadas con solo los iconos necesarios, reduciendo el peso de la página y manteniendo la calidad vectorial en cualquier resolución. Hoy sigue siendo relevante con su nueva app que suma edición SVG y supporte para fonts de color COLRv0.

La nueva app: el rediseño completo

En 2024-2025, IcoMoon lanzó una aplicación completamente reescrita con editor SVG integrado, soporte PWA (usable offline), colaboración en tiempo real y generación de fonts multicolor COLRv0. Esta app coexiste con la app clásica (llamada ahora Old App) que sigue operativa para usuarios de terceros que integraron con flujos anteriores.

Formatos soportados: importación y exportación

IcoMoon importa: archivos SVG, fuentes WOFF/WOFF2, TTF y OTF. Exporta a múltiples formatos: font en formatos EOT, WOFF, WOFF2, TTF, SVG font; imágenes SVG; SVG Sprites (symbol defs); Web Components; React; Vue; PNG-24; Favicon .ico y modulos Flutter. Para equipos que necesitan multiples formatos de salida, esta amplitud es un punto diferencial claro.

La librería: más de 20.000 iconos gratuitos open source

Ia librería de IcoMoon incluye colecciones como Font Awesome, Material Design, Feather, Harmonicons yo otros sets open source. La característica clave: puedes seleccionar iconos de distintas colecciones y combinarlos en una sola fuente personalizada. Esto elimina la dependencia de cargar una font completa de 600 iconos cuando solo necesitas 20.

Fonts de color COLRv0: innovación real

La nueva app es capaz de generar fonts multicolor con ligaturas usando el formato COLRv0, soportado en todos los navegadores modernos. Esto permite iconos con múltiples tonos como una simple fuente de texto, sin necesitar SVG sprites. Es una capacidad poco conocida que la diferencia de herramientas competidoras como Fontello.

Uso en proyectos reales

IcoMoon funciona mejor cuando se usa como parte de un flujo de activos estáticos: el equipo de diseño define los iconos, los exporta como fuente ofont SVG y los desarrolladores integran la fuente en el proyecto. El flujo reduce el peso de los activos y mantiene consistencia visual sin imagenes.

Características Principales

• Editor SVG integrado: diseño y edición de iconos directamente en la app sin software externo
• Generador de icon fonts: exporta EOT, WOFF, WOFF2, TTF, SVG font
• Exportación multiformato: SVGs individuales, SVG sprites, Web Component, React, Vue, PNG-24, Flutter
• Librería de 20.000+ iconos: curada y optimizada para ICoMoon sin registro
• Fonts multicolor COLRv0: iconos con mújltiples tonos como simple fuente de texto
• PWA offline-first: instalable en desktop y móvil sin acceso a internet
• Colaboración en tiempo real: proyectos compartidos con permisos read-only

Se integra con 9 herramientas