Generador de iconos para Flutter: iconos de app con IA
Flutter no quiere un icono terminado; quiere un PNG máster de 1024 px que flutter_launcher_icons pueda cortar en cada entrada de mipmap y de AppIcon.appiconset que tu proyecto necesite. Esta página es el generador de iconos de app con el que arrancan los proyectos Flutter: describe el icono de lanzamiento, descarga el máster transparente de 1024 px y suéltalo en pubspec.yaml. En esta página no se fija ningún preset porque un icono de lanzamiento puede llevar cualquier estilo que lleve tu app, del geométrico plano al jelly divertido. Los créditos gratis cubren tus primeras generaciones.
Generador de iconos de app Flutter: ejemplos desde prompts de una frase
Iconos de lanzamiento dibujados por el generador de iconos en los estilos favoritos de los proyectos Flutter: un solo sujeto, tiles robustos y fondos lisos, las formas que siguen reconocibles de la pantalla de inicio a la Play Store.
Qué debe producir un generador de iconos de app para Flutter
Primero la mecánica honesta: un generador de iconos de app para Flutter que te entrega una imagen bonita ha hecho un tercio del trabajo. Android quiere ic_launcher.png remuestreado en mipmap-mdpi hasta mipmap-xxxhdpi más las capas adaptativas de foreground y background, e iOS quiere una entrada de 1024 px dentro de AppIcon.appiconset que Xcode reduce en tiempo de build. La pieza que consume cada paso es un único máster de 1024 px, y eso es exactamente lo que genera esta herramienta: describe la marca, descarga el PNG máster transparente y deja que flutter_launcher_icons haga el rebanado para el que fue creado. Un generador de iconos de app en el tooling de Flutter es la mitad frontal de un pipeline de dos pasos, y las dos mitades son rápidas.
Flutter quiere un máster, no un icono final
El build de Flutter consume un PNG de 1024 px y deriva el resto por sí mismo mediante flutter_launcher_icons. Producir ese máster es la parte en la que la IA es realmente buena.
Android: mipmaps más capas adaptativas
Un icono de Android listo para lanzar implica tamaños de launcher remuestreados y un icono adaptativo de dos capas con su propio foreground y background, todo declarado en un bloque YAML.
iOS: una entrada de 1024 px
Desde Xcode 14, el AppIcon.appiconset de iOS necesita un único PNG de 1024 px, y flutter_launcher_icons lo escribe con el Contents.json correcto. Un máster cubre ambas plataformas.
Cómo generar iconos de app Flutter en 3 pasos
De una frase a un set de iconos de lanzamiento regenerado, sin abrir un editor de imágenes ni enmascarar nada a mano.
- 1
Describe el icono de lanzamiento
Por ejemplo: "icono launcher minimalista de un avión de papel, azul de dos tonos plano, tile cuadrado redondeado, fondo liso, centrado". Nombra el sujeto, la paleta y la forma del tile.
- 2
Descarga el PNG máster de 1024 px
Aquí no se fija ningún preset de estilo: elige el look que encaje con tu app, conserva el fondo transparente en el máster y guarda el PNG de 1024 px en tu proyecto Flutter, por ejemplo en assets/icon/app_icon.png.
- 3
Ejecuta flutter_launcher_icons una vez
Apunta image_path al máster en pubspec.yaml y ejecuta dart run flutter_launcher_icons. El paquete escribe todos los mipmap, las capas adaptativas y el AppIcon.appiconset en una pasada.
Cada archivo que produce la ejecución de iconos de Flutter
Las búsquedas de un generador de iconos de lanzamiento para apps Flutter se reducen a una pregunta: qué aterriza en el disco tras la ejecución. Este es el manifiesto, para que compruebes la salida contra tu árbol de proyecto en lugar de fiarte de una vista previa.
Set de mipmap de Android
ic_launcher.png en mipmap-mdpi, hdpi, xhdpi, xxhdpi y xxxhdpi, remuestreado de tu máster de 48 a 192 px para que cada densidad de dispositivo dibuje una capa de tamaño nativo.
Foreground y background adaptativos
El reparto del icono adaptativo: una capa de foreground con tu marca dentro de la zona segura y una capa de background rellena con tu color, exportadas a un lienzo de 108 dp.
AppIcon.appiconset de iOS
Un único PNG de 1024 px más el Contents.json que lo declara; Xcode 14 y posteriores cortan cada tamaño de visualización en tiempo de build desde esa entrada.
Alfa eliminado para la release de iOS
El envío al App Store rechaza iconos de app con canal alfa. Configura remove_alpha_ios en el YAML y la ejecución aplana la copia de iOS sobre su fondo mientras Android conserva la transparencia.
Iconos adaptativos de Android: la parte que la mayoría de generadores se saltan
Desde Android 8, el launcher enmascara cada icono en su propia forma, así que un máster cuadrado plano acaba recortado por círculos, squircles y cuadrados redondeados que no controlas. El sistema de iconos adaptativos existe justo para esto, y su geometría es la diferencia entre un icono nítido en la pantalla de inicio y uno con el sujeto cortado.
El lienzo de 108 dp y su zona segura
Una capa adaptativa se dibuja en un cuadrado de 108 dp, pero el borde exterior queda reservado para la máscara: solo los 66 dp centrales tienen visibilidad garantizada. Mantén el sujeto dentro de ese centro y cualquier forma de launcher lo mostrará completo.
Reparto entre foreground y background
El icono adaptativo son dos capas: tu marca como foreground y un color liso o degradado detrás. Las capas incluso se desplazan en parallax al arrastrar el icono, algo que las imágenes planas únicas no pueden hacer.
Cómo mapea el YAML las capas
flutter_launcher_icons toma adaptive_icon_background como color o imagen y adaptive_icon_foreground como el PNG de la capa. Un máster centrado de este generador encaja en la ranura de foreground sin trabajo de enmascarado.
Generador de iconos Flutter vs packs manuales vs Asset Studio
Tres rutas llevan una app Flutter de no tener icono a tener un set completo, y se diferencian en el paso que la gente subestima: crear el arte del máster. Aquí está el desglose honesto de un máster con IA más flutter_launcher_icons frente a hacer el arte a mano o apoyarse en el tooling antiguo de Android.
| Máster IA + flutter_launcher_icons | Arte manual + flutter_launcher_icons | Android Asset Studio | |
|---|---|---|---|
| Punto de partida | Una frase; el máster de 1024 px se genera | Un PNG de 1024 px que diseñas tú | PNG de foreground y background que preparas tú |
| Exploración de estilo | Regenera variaciones hasta que la marca encaje | Cada idea cuesta horas de diseño | Solo formas de plantilla; sin generación de arte |
| Capas adaptativas | El máster centrado encaja en la ranura de foreground | Enmascaras y centras el sujeto tú mismo | Enmascarado dirigido por plantilla |
| Cobertura de iOS | El mismo máster alimenta el AppIcon.appiconset | El mismo paquete lo gestiona cuando el arte existe | Sin cobertura; iOS es una exportación manual aparte |
| Estado de mantenimiento | Generador y paquete en desarrollo activo | flutter_launcher_icons sigue activo en pub.dev | Página retirada oficialmente; se recomiendan herramientas sucesoras |
Rutas comparadas en 2026. El estado de retirada de Asset Studio viene de su propia página, que ahora apunta a herramientas sucesoras; el estado de flutter_launcher_icons refleja su actividad en pub.dev. Fija siempre las versiones de los paquetes en pubspec.yaml.
Prompts para iconos de lanzamiento de Flutter
Copia uno y cambia el sujeto. Los iconos de lanzamiento se leen mejor con un solo sujeto, un tile o un fondo liso y una paleta contenida; las escenas y las líneas finas se disuelven al tamaño de la pantalla de inicio.
Tile launcher minimalista
icono launcher minimalista de un avión de papel, azul de dos tonos plano, tile cuadrado redondeado, fondo liso, centrado, sin texto
Marca jelly divertida
icono launcher divertido de una taza de café sonriente, estilo jelly, contorno grueso, tile redondeado verde pastel, centrado
App de herramientas geométrica
icono launcher geométrico de un perno hexagonal, estilo vectorial plano, pizarra oscura y ámbar, cuadrado redondeado, centrado
Qué gestiona este generador de iconos para Flutter por ti
Todo lo que hay entre tu frase y el PNG máster instalado en tu proyecto Flutter.
Máster de 1024 px por defecto
Los candidatos se renderizan al tamaño exacto que flutter_launcher_icons quiere para image_path, así el archivo entra directo en pubspec.yaml sin parada de redimensionado.
Sin preset bloqueado
Un icono de lanzamiento puede llevar cualquier estilo que lleve tu app; esta página deja el cambio de estilo libre en lugar de fijar un look.
Máster con fondo transparente
Las exportaciones conservan el canal alfa, que la capa adaptativa de foreground necesita; elimínalo para la release de iOS con una bandera de YAML.
Variaciones del mismo sujeto
Genera variaciones para explorar formas de tile y paletas mientras la marca sigue siendo reconociblemente la misma app.
Todos los formatos junto al máster
Las exportaciones PNG, WEBP, ICO y SVG salen de la misma sesión, cubriendo la ficha de la Play Store, el favicon del sitio web y el shell de una sola vez.
Una familia consistente por release
Mantén las palabras de acabado idénticas entre prompts y genera iconos de lanzamiento para una suite de apps Flutter que sigan pareciendo hermanas.
Flujos relacionados
Generadores vecinos para los trabajos alrededor de un icono de lanzamiento de Flutter.
Diseño de iconos móviles, vista más amplia
El generador de iconos para apps móviles cubre las convenciones de plataforma más allá del pipeline de Flutter.
Todos los tamaños PNG, un diálogo
El generador de iconos de app en PNG exporta la escalera completa de tamaños para tiendas y carpetas de recursos.
Redimensiona un icono existente
El redimensionador de iconos de app corta cualquier icono subido en tamaños de plataforma directamente en el navegador, gratis.
¿Prefieres el logo PNG transparente?
El generador de logo de app en PNG se centra en logos transparentes de 1024 px para kits de prensa y fichas.
Herramientas relacionadas
Blog
Lecturas adicionales
Lecturas más largas sobre iconos, estilos y flujos de exportación.
Preguntas frecuentes sobre el generador de iconos para Flutter
Cómo el máster de 1024 px alimenta a flutter_launcher_icons, qué significa la zona segura del icono adaptativo y si los iconos de lanzamiento pueden ser SVG, más la de los créditos gratis.
¿Cuál es el mejor generador de iconos de app para Flutter?
Juzga cualquier candidato con cuatro comprobaciones: que exporte un PNG máster transparente de 1024 px, que el estilo del arte encaje con tu app en lugar de un look fijado, que produzca variaciones para explorar y que la salida entre directa en flutter_launcher_icons sin redimensionar. Esta página está construida alrededor de esas cuatro comprobaciones; el corte en sí pertenece al paquete, que es la parte del pipeline que nunca valió la pena hacer a mano.
¿Cómo creo un icono de app Flutter?
Tres pasos: genera un PNG máster de 1024 px, guárdalo en tu proyecto, por ejemplo en assets/icon/app_icon.png, declara flutter_launcher_icons con image_path apuntando a él y ejecuta dart run flutter_launcher_icons. El paquete escribe los mipmap de Android, las capas adaptativas y el AppIcon.appiconset de iOS en una pasada.
¿Qué tamaño necesita un icono de lanzamiento de Flutter?
Un PNG máster de 1024 por 1024 píxeles. Cada bucket de densidad de Android y la entrada de iOS se remuestrean desde él, así que un lienzo mayor no aporta nada y uno menor difumina el corte xxxhdpi. Mantén el máster transparente para el foreground adaptativo; la copia de release de iOS puede aplanarlo.
¿Pueden ser SVG los iconos de lanzamiento de Flutter?
No. El pipeline del launcher es raster de principio a fin: los mipmap de Android y el appiconset de iOS son ranuras PNG, y flutter_launcher_icons espera un máster de mapa de bits. El SVG vive dentro de la app, donde el paquete flutter_svg renderiza recursos vectoriales a cualquier tamaño; las búsquedas de un generador de iconos SVG para Flutter suelen acabar queriendo una de esas dos herramientas distintas.
¿Funciona flutter_launcher_icons con este generador?
Ese es el emparejamiento previsto. Descarga el máster de 1024 px, añade el paquete como dependencia de desarrollo y apunta image_path al archivo. La sección de manifiesto de arriba enumera cada archivo que toca la ejecución para que verifiques la salida en tu árbol de proyecto.
¿Qué archivos cambia la ejecución de iconos?
En Android, ic_launcher.png en mipmap-mdpi hasta mipmap-xxxhdpi más los recursos adaptativos de foreground y background. En iOS, AppIcon.appiconset con su Contents.json. Tu código Dart y los manifiestos de plataforma quedan intactos; el cambio del icono de lanzamiento se limita a archivos de recursos.
¿Por qué mi icono de Flutter se ve recortado en Android?
La máscara del launcher se lo está comiendo. Los iconos adaptativos se dibujan en un lienzo de 108 dp, pero solo los 66 dp centrales son seguros, así que un sujeto que llena todo el máster acaba cortado en círculos y squircles. Regenera con la marca centrada sobre un fondo liso y el padding hace el trabajo de enmascarado por ti.
¿Cómo elimino el canal alfa para iOS?
Configura remove_alpha_ios: true en el bloque de flutter_launcher_icons. El envío al App Store rechaza iconos de app que llevan transparencia, y la bandera aplana la copia de iOS sobre un color de fondo mientras Android conserva el alfa. Vuelve a ejecutar el comando y reenvía.
¿Necesito un icono aparte para la ficha de Google Play?
Sí, la Play Console pide un PNG de 512 por 512 para la ficha de la tienda, que es independiente del set de lanzamiento en el dispositivo. Exporta aquí un corte de 512 px del mismo máster y la ficha y el icono instalado seguirán siendo la misma marca.
¿Este generador de iconos Flutter es gratis?
Los créditos gratis cubren tus primeras generaciones, y cada candidato cuesta un crédito de render. La descarga del máster de 1024 px forma parte del diálogo de exportación estándar, así que una ronda con créditos gratis ya produce el archivo que tu pipeline necesita. Los planes de pago añaden volumen y resoluciones más altas.
Genera el icono de tu app Flutter
Describe el icono de lanzamiento en el generador de iconos para Flutter y descarga el máster de 1024 px que flutter_launcher_icons convierte en tu set completo.