La mayoría de los iconos de app fallan por una razón aburrida: se dibujaron de uno en uno, en días distintos, y se nota. El icono del lanzador tiene degradados redondeados, los glifos de la barra de pestañas son contornos finos y el estado vacío usa un tercer estilo que nadie eligió. Un flujo de iconos con IA lo arregla dejándote definir el aspecto una vez y generar todo el set contra él, en una sola sesión.
Un icono suelto es fácil. Un set es difícil, porque la coherencia es todo el punto: el mismo grosor de trazo, el mismo radio de esquina, la misma paleta, el mismo nivel de detalle. Los diseñadores lo saben, y por eso los sets de iconos se compran o se construyen a lo largo de semanas. Los modelos de texto a imagen y de texto a vector son buenos con el primer icono y poco fiables con el quinto, salvo que les des algo a lo que agarrarse.
Ese algo es una hoja de estilo escrita en palabras, más una imagen de referencia cuando ya tienes un ganador. Con las dos puedes pedir doce glifos en una sentada y compararlos lado a lado en lugar de fiarte de la memoria. Si eres desarrollador en solitario o un equipo pequeño sin diseñador a mano, esa es la diferencia entre publicar iconos provisionales y publicar iconos que parecen elegidos.
Picasso IA reúne 502 modelos tras una sola interfaz, y 212 de ellos son de texto a imagen, así que puedes combinar un modelo vectorial para trazados limpios con un modelo de imagen para el arte brillante del icono, sin cambiar de herramienta. El catálogo completo muestra qué más hay, y la página de gráficos vectoriales e iconos SVG profundiza solo en el lado SVG.
Antes de generar nada, escribe cuatro o cinco líneas con las que empezará cada prompt de icono. Esta es tu hoja de estilo, y hace más por la coherencia que cualquier elección de modelo. Cubre el lenguaje de formas, el tratamiento de línea o relleno, la paleta, el fondo y el nivel de detalle.
Por ejemplo: glifo plano, aspecto de contorno redondeado con un grosor de trazo uniforme, un solo color ciruela sobre fondo transparente, sin degradados, sin texto, centrado con mucho margen. Pega esas líneas al principio de cada prompt y añade solo el motivo: un calendario, un globo de chat, una bolsa de compra. Cuando un icono se desvía, ves exactamente qué línea ignoró y arreglas esa línea en lugar de reescribirlo todo.
Mantén los sustantivos del motivo concretos y aburridos. Un modelo dibuja mejor una bolsa que la idea de comercio. Si el concepto es abstracto, como sincronizar o privacidad, describe el objeto que lo lleva: dos flechas alrededor de una nube, un candado sobre un escudo. Luego, cuando tengas unos cuantos ganadores, adjunta el mejor como imagen de referencia para que la siguiente tanda herede su peso y sus esquinas.
No todos los iconos de una app necesitan la misma herramienta. El icono del lanzador es una obra; el engranaje de ajustes es un símbolo. Empareja el modelo con el trabajo:
| Enfoque | Modelo a probar | Resultado | Mejor para | Ojo con |
|---|
| Texto a vector | recraft-v4.1-svg | SVG con trazados editables | Glifos planos o de contorno dentro de la app | La textura fina y la luz suave salen simplificadas |
| Pasada vectorial premium | recraft-v4.1-pro-svg | SVG con trazados editables | Las una o dos marcas que cargan con la identidad | Compáralo con el modelo estándar antes de gastar créditos |
| Imagen desde referencia | nano-banana-pro | PNG o JPG, hasta 4K | Arte brillante o 3D del icono del lanzador, ajustado a la imagen de tu logo | Son píxeles, no trazados, así que no puedes editar las formas |
| Vectorizar una imagen | recraft-vectorize | SVG trazado desde una imagen | Convertir en trazados una imagen que te gusta | El trazado copia la imagen, defectos incluidos |
| Recorte limpio | bria/remove-background | Imagen con fondo transparente | Aislar un icono que venía con fondo | Revisa los bordes al tamaño real al que lo vas a publicar |
Un reparto sensato para la mayoría de las apps: modelos vectoriales para el set de glifos, un modelo de imagen para el icono del lanzador, y una pasada de trazado o recorte solo cuando haga falta. La página de conceptos de logo con IA cubre el paso anterior a este, encontrar la marca en sí.
Este es el ciclo que termina con una carpeta de archivos a juego y no con un montón de casi aciertos. Presupone que ya tienes un color de marca y una idea aproximada de lo que hace la app.
- Escribe la hoja de estilo y la lista de iconos. Cinco líneas de estilo y después una lista simple de todos los iconos que necesita la app, del icono del lanzador a los estados vacíos, para generar contra una lista de control.
- Genera los primeros glifos en un modelo vectorial. Abre el toolkit, elige recraft-v4.1-svg, pega la hoja de estilo más un motivo y haz unas cuantas variantes por icono. Léelas lado a lado, no de una en una.
- Fija una referencia y repite. Elige el icono que mejor muestre tu estilo y adjúntalo como referencia en nano-banana-pro, o sigue pidiendo al modelo vectorial con las mismas líneas de estilo, y genera el resto de la lista.
- Construye el icono del lanzador aparte. Trátalo como una obra: pide un símbolo atrevido sobre un campo liso, con tu imagen de logo como referencia, y prueba varios tratamientos antes de elegir.
- Prueba a tamaño real y exporta. Reduce cada icono al tamaño al que se verá en un teléfono, descarta los que se vuelven papilla y descarga los archivos SVG más el icono de píxeles al mayor tamaño disponible.
La razón para preferir salida SVG en los iconos internos no es una moda, es el mantenimiento. Un archivo de trazados se puede recolorear para el modo oscuro, mover un píxel, redimensionar para una tableta o exportar a los formatos que piden tus herramientas de compilación, sin perder calidad. Un PNG aplanado solo se puede volver a dibujar. Así que guarda el SVG como archivo maestro y trata cualquier PNG como una exportación que puedes regenerar.
Los requisitos de las tiendas son un blanco móvil. Los tamaños de icono, si se permite transparencia o esquinas redondeadas, las zonas seguras y los formatos de archivo han cambiado con los años y difieren entre la App Store de Apple, Google Play y cualquier otra tienda. No te fíes de una cifra que leas en un blog, este incluido. Abre la documentación vigente para desarrolladores de cada tienda en la que publiques, anota los tamaños y reglas exactos y exporta a ellos. El arte generado es el punto de partida; la lista de control de la tienda es la puerta final.
Consejo: dibuja el icono del lanzador sin esquinas redondeadas y sin texto. Las tiendas aplican sus propias máscaras y formas, así que un cuadrado a sangre con un solo símbolo centrado sobrevive a cualquier máscara, y una palabra diminuta nunca lo hará.
Un hábito más ayuda: guarda un archivo de texto plano con los prompts y la imagen de referencia detrás del set final. Dentro de seis meses, cuando añadas un decimocuarto icono, agradecerás que la hoja de estilo siga existiendo.
Esto funciona bien para un primer set completo y para tapar huecos, y deja de ser útil en unos pocos sitios concretos:
- Tamaños pequeños al píxel: un modelo no ajusta los trazos a una cuadrícula de píxeles, así que los iconos diminutos de la barra de pestañas suelen necesitar la mano de un diseñador para alinearlos a 16 o 24 píxeles.
- Geometría exacta de marca: si tu logo tiene una curva precisa o una forma registrada, un modelo la aproximará, así que reconstruye la marca en tu editor vectorial y usa el arte generado a su alrededor.
- Sets idénticos en la segunda tanda: la tanda de mañana no coincidirá con la de hoy salvo que reutilices las mismas líneas de estilo y la misma imagen de referencia, porque el modelo no recuerda tu sesión anterior.
- Degradados y brillo en vectores: la salida SVG favorece las formas planas, así que la iluminación rica pertenece al icono de píxeles del lanzador, no al set de glifos.
- Marcas existentes: nunca pidas un parecido con el icono o el logo de otra empresa; es un riesgo legal y una forma fácil de que rechacen tu app.
Nada de esto significa saltarse la herramienta. Significa usarla para la exploración y la coherencia, y gastar el tiempo de tu diseñador en el último tramo de alineación.
¿Puede la IA generar un icono de app para iOS y Android?
Sí, como obra gráfica. Puedes generar el símbolo del lanzador como vector o como imagen de alta resolución y exportarlo al mayor tamaño ofrecido. Lo que el modelo no puede hacer es conocer las reglas vigentes de las tiendas, así que después de generar, revisa la documentación para desarrolladores de Apple y Google para ver tamaños, formatos y comportamiento de máscara exactos, y redimensiona y exporta para que coincidan.
¿Qué modelo es mejor para iconos de app?
Depende del trabajo. Para glifos internos y todo lo que quieras editar después, recraft-v4.1-svg devuelve SVG con trazados editables. Para un icono de lanzador pulido que siga la imagen de tu logo, nano-banana-pro acepta imágenes de referencia y renderiza hasta 4K. Pasar el mismo prompt por dos modelos sale barato, y el catálogo de 502 modelos lo pone fácil.
¿Puedo obtener iconos vectoriales editables en lugar de archivos PNG?
Sí. recraft-v4.1-svg y su variante pro entregan archivos SVG con trazados estructurados que se abren en cualquier editor vectorial, donde puedes recolorear, redimensionar o reorganizar las formas. Si solo tienes una imagen de píxeles que te gusta, recraft-vectorize puede trazarla en vectores, aunque el trazado copia lo que haya en la imagen, bordes blandos y errores incluidos.
¿Cómo consigo que todos los iconos del set se vean iguales?
Escribe una hoja de estilo de cuatro o cinco líneas que cubra forma, trazo o relleno, paleta, fondo y detalle, y pégala al principio de cada prompt. Cuando un icono quede bien, adjúntalo como imagen de referencia para el resto. Sin esos dos anclajes, cada generación es una interpretación nueva y el set se irá desviando.
¿De qué tamaño debe ser un icono de app?
No hay una respuesta única, y las cifras cambian entre tiendas y con el tiempo, así que cualquier número escrito aquí podría estar desfasado. Revisa la documentación vigente para desarrolladores de cada tienda a la que envíes, anota los tamaños y formatos exigidos y exporta a esa lista. Genera al mayor tamaño disponible, porque reducir es seguro y ampliar no.
¿Puedo añadir texto a un icono de app con IA?
Puedes intentarlo, pero casi siempre es mala idea. Los modelos fallan con las letras, e incluso una palabra perfecta se vuelve ilegible al tamaño con el que un icono aparece en un teléfono. Muchas guías de tiendas también desaconsejan el texto en los iconos, así que revisa las reglas vigentes. Un solo símbolo atrevido o una inicial estilizada de tu logo funciona mucho mejor.
¿Puedo usar iconos de IA comercialmente en mi app?
En general puedes usar los resultados de tus propios prompts en tu propio producto, pero el panorama legal de las imágenes hechas por máquina sigue asentándose y varía según el país. No imites el icono de otra marca, evita prompts que nombren empresas reales y considera que un abogado revise todo lo que lleve tu marca principal. Esto es información general, no asesoramiento legal.
¿Cómo hago una versión en modo oscuro o monocromática de los iconos?
Parte de los archivos SVG. Como los trazados son editables, puedes cambiar colores, quitar rellenos para una variante monocromática o recolorear sobre un fondo oscuro sin redibujar nada. Si solo tienes iconos de píxeles, genera de nuevo la variante con las mismas líneas de estilo y otra paleta, o pasa un recorte y recolorea en tu editor.
¿Puede la IA rediseñar el icono que ya tiene mi app?
Sí, como forma de explorar. Sube tu icono actual como referencia a nano-banana-pro y pide variaciones en un estilo nuevo, un tratamiento más plano o una paleta distinta. Quédate con lo que te guste como inspiración y reconstruye la versión final en tu editor vectorial para que la geometría sea exacta y el archivo sea tuyo para mantener.
¿Cuánto cuesta generar un set de iconos?
Las generaciones usan créditos, y el coste depende del modelo y de los ajustes que elijas, así que ninguna cifra fija seguiría siendo correcta mucho tiempo. Las imágenes sencillas están en el extremo barato del catálogo. Las cuentas nuevas reciben créditos gratis para probar un primer set, y la página de precios es el único sitio fiable para los detalles vigentes de los planes.
¿Listo para ver tu marca convertida en un set? Abre el toolkit de Picasso IA, escribe la hoja de estilo y genera la primera fila de iconos.