# Iconografía con IA: generar íconos sin romper la coherencia del set

> Un generador puede proponer íconos rápido, pero el set necesita reglas de trazo y cuadrícula, SVG real, licencias claras y una prueba de legibilidad.

*Tags: ia, iconografia, sistema-de-diseno, generacion-de-imagenes*

---


> [!info] Definición Rápida
> La **iconografía con IA** es la creación de íconos con modelos generativos a partir de un estilo escrito. Sirve para explorar y producir borradores de un set; la coherencia, la legibilidad, el formato vectorial y la licencia siguen dependiendo de reglas y de revisión humana.


## ¿Por qué es difícil un set coherente?

Un set de íconos es un sistema. Todos comparten grosor de trazo, esquinas, cuadrícula, altura visual y lógica de relleno. Un generador de imágenes produce cada ícono por separado y no conoce ese sistema. El resultado puede verse bien en una cuadrícula de muestra y desordenarse al ponerlo en una barra de herramientas.

La guía de MagicShot sobre sets de íconos generados lo resume así: un trazo de 2 px junto a uno de 1,5 px "se lee como un error". Su receta es definir el estilo como un bloque de prompt reutilizable, generar tres o cuatro íconos ancla y usarlos como referencia para el resto. Es una guía de un vendedor de generadores, no un estándar, pero describe bien el problema: sin control, cada ícono sale un poco distinto.

## ¿Qué reglas conviene fijar antes de generar?

Escribe una ficha de estilo y úsala en cada prompt. Los valores de abajo son ejemplos, no normas:

- **Cuadrícula**: por ejemplo 24 px, con área de trabajo y margen definidos.
- **Trazo**: grosor (como 2 px), terminaciones redondeadas o planas, esquinas redondeadas o no.
- **Relleno**: solo contorno, solo relleno o mezcla, pero una sola regla para todo el set.
- **Paleta**: el color del trazo y, si aplica, el de acento, en valores exactos.
- **Lo que no debe aparecer**: sombras, degradados, texto dentro del ícono, detalles que desaparecen a 16 px.

Pega el bloque literal en cada prompt: el modelo recibe las mismas restricciones aunque no recuerde la sesión anterior. Las mismas reglas de estilo sirven para cualquier imagen de una serie, como explican [[generacion-de-imagenes-para-diseno|generación de imágenes para diseño]] e [[ilustraciones-consistentes-con-ia|ilustraciones consistentes con IA]].

## ¿Qué formatos y licencias ofrecen las herramientas?

Según MagicShot, un generador típico produce imágenes raster de alta resolución, y para producción puede hacer falta trazarlas o redibujarlas. Hay herramientas que sí entregan vectores. Esto es lo que dicen sus páginas oficiales, consultadas el 2 de noviembre de 2026:

- **Adobe Illustrator, Text to Vector Graphic**: genera sujetos, escenas e íconos a partir de una descripción. Adobe afirma que el resultado es "totalmente editable, infinitamente escalable" y queda en una capa nueva, con su Firefly Vector Model, y lo describe como seguro para uso comercial. Es una afirmación de Adobe: revisa las condiciones de tu plan.
- **Recraft**: su documentación de API describe generación de imágenes vectoriales. El ejemplo con el modelo `recraftv4_1_vector` devuelve un enlace a un archivo SVG válido unas 24 horas, así que hay que descargarlo pronto. La documentación presenta el modelo V2 como la opción vectorial más barata, "para íconos e ilustración simple", y una función, Vectorize, que convierte un PNG o JPG en SVG por 0,01 USD.
- **Licencia de Recraft**: según sus términos, en el plan gratuito "no se permite el uso comercial" y los resultados pertenecen a Recraft. En una suscripción de pago, tú eres dueño de lo que creas. Además, el uso de tus resultados para mejorar el servicio está activado por defecto y puedes desactivarlo en tu cuenta.

Si no necesitas generar, hay otra vía: partir de una librería abierta. **Material Symbols** es una fuente variable con ejes de relleno (0 a 1), peso (100 a 700), grado y tamaño óptico (20 a 48 dp), y se publica bajo licencia Apache 2.0. **Lucide** se publica bajo licencia ISC. Con una fuente variable, el grosor y el ajuste óptico se controlan con un parámetro, sin depender de que el modelo los acierte.

## ¿Cómo se pasa de un boceto a un ícono listo para producción?

MagicShot propone cuatro pasos: definir el estilo, generar los anclas (inicio, búsqueda, perfil, ajustes), generar el resto en lote descartando lo que no coincida, y exportar y limpiar. En el último paso pide revisar los íconos a 16, 24 y 48 px y corregir el tamaño óptico donde una forma se vea más grande o más pequeña que su vecina. Sobre esa base, añade tú estas comprobaciones:

1. Descarta lo que no coincida con los anclas en trazo y cuadrícula.
2. Pide o convierte a SVG, y abre el archivo: comprueba que las formas son trazados editables y no una imagen incrustada.
3. Redibuja o limpia los puntos sobrantes en tu herramienta de diseño.
4. Revisa a tamaño real, en la interfaz y no en el lienzo grande.

El tamaño óptico importa tanto como la medida exacta: según MagicShot, un triángulo con el mismo recuadro que un círculo se ve más pequeño. Ese ajuste sigue siendo trabajo humano.

## ¿Cómo se comprueba que un ícono se entiende?

Nielsen Norman Group (Aurora Harley, 2014) señala que los íconos universales son raros: inicio, imprimir y la lupa de búsqueda son los ejemplos que da. Para el resto, "debe haber una etiqueta de texto junto al ícono", visible siempre y sin interacción. No conviene depender del cursor, porque no funciona bien en pantallas táctiles.

El artículo propone tres comprobaciones:

- **Regla de los cinco segundos**: si tardas más de cinco segundos en pensar un ícono apropiado para un concepto, es poco probable que ese ícono lo comunique.
- **Reconocimiento**: pregunta a personas qué esperan que signifique el ícono.
- **Memorabilidad**: dile a un grupo qué significa y, un par de semanas después, pregunta a las mismas personas si lo recuerdan.

## Ejemplo

Ejemplo ilustrativo: un equipo necesita doce íconos para una app de reservas. Escribe una ficha con cuadrícula de 24 px, trazo de 2 px con esquinas redondeadas y solo contorno. Genera cuatro anclas, aprueba una y genera el resto. De cuarenta bocetos, siete se ajustan. Los siete se redibujan como vectores en la herramienta de diseño del equipo, y la revisión a 16 px muestra que el ícono de calendario es ilegible, así que la interfaz añade la etiqueta "Reservar" junto a él.

## Errores comunes

- Generar íconos sin ficha de estilo y mezclar tres estilos distintos.
- Entregar el raster del generador como si fuera un SVG listo para producción.
- Revisar los íconos en el lienzo grande y no a tamaño real.
- Ignorar el ajuste óptico y confiar solo en las medidas.
- Dar por hecho que un plan gratuito permite uso comercial: en Recraft, según sus términos, no lo permite.
- Pedirle al modelo que imite un set con marca registrada sin revisar su licencia.
- Usar íconos ambiguos sin etiqueta.

## ¿Cuándo NO conviene?

Cuando el set define una marca que se reconoce en todas partes, cuando ya existe un sistema de íconos con reglas de mantenimiento, o cuando el significado debe validarse con usuarios. En esos casos, un diseñador de íconos trabajando en las herramientas del sistema de diseño es la opción más sólida, y la IA puede servir solo para explorar.

Hay además una razón legal. En su informe de enero de 2025 sobre derechos de autor e IA, la Oficina de Derechos de Autor de EE. UU. concluye que el material puramente generado por IA no está protegido, que los prompts por sí solos no dan control suficiente sobre el resultado y que sí se protege la selección creativa, la disposición y las modificaciones que hace una persona. Es la postura de una sola jurisdicción, pero sugiere que un set de marca generado sin intervención humana puede quedar sin protección. Para decidir en tu caso, consulta a un abogado.

## Fuentes

- [Nielsen Norman Group, Icon Usability (Aurora Harley, 2014)](https://www.nngroup.com/articles/icon-usability/)
- [MagicShot, AI Icon Generator: Build a Consistent Icon Set in Minutes](https://www.magicshot.ai/blog/ai-icon-generator-build-a-consistent-icon-set-in-minutes)
- [Adobe, Text to Vector Graphic en Illustrator](https://www.adobe.com/products/illustrator/text-to-vector-graphic.html)
- [Recraft, documentación de la API](https://www.recraft.ai/docs)
- [Recraft, términos de servicio](https://www.recraft.ai/terms)
- [Google Fonts, Material Symbols](https://developers.google.com/fonts/docs/material_symbols)
- [Lucide, licencia](https://lucide.dev/license)
- [U.S. Copyright Office, Copyright and Artificial Intelligence](https://www.copyright.gov/ai/)


---

Source: https://www.fernandoux.com/es/wiki/ia/iconografia-con-ia/