¿Cómo debe ser la imagen original?
Empieza con una marca simple que se reconozca en tamaños pequeños. Un SVG transparente o un PNG transparente grande permite al generador separar tu diseño del fondo sólido. Una fotografía puede dar un icono plano utilizable, pero su rectángulo opaco también define la silueta monocroma. Aumentar las dimensiones de salida no hará aparecer detalle que no esté en la imagen subida.
Abre el generador de iconos de app, sube un SVG, PNG, JPEG, WebP o HEIC y elige Android, iOS o ambos. Define un nombre de recurso como ic_launcher, un color de fondo y el margen por lado. El ZIP contiene solo las plataformas elegidas y una nota de importación. Las descargas son privadas, y los resultados que ya desbloqueaste están incluidos; la página de la herramienta indica el precio actual para tus propias subidas.
![]()
Uno de nuestros logos de ejemplo (izquierda) y lo que crearon a partir de él las herramientas de exportación: el icono de iOS, el icono adaptable de Android tal como lo muestra un launcher redondo y el favicon, ampliado.
¿Qué contiene el paquete de Android?
El paquete incluye PNG mipmap clásicos de 48, 72, 96, 144 y 192 píxeles, una imagen de 512 píxeles para Play Store y el XML del icono adaptable. El diseño del primer plano se coloca sobre un lienzo transparente de 432 píxeles, que representa 108 dp en xxxhdpi. La marca cabe dentro de la región segura central de 66 dp antes de añadir el margen que elijas. Así las máscaras del launcher tienen espacio sin dejar partes importantes del diseño en el borde del lienzo.
Los recursos adaptables van en el directorio de API 26. Una variante para API 33 añade una capa monocroma. Los PNG del primer plano y del monocromo van en drawable-xxxhdpi; los recursos clásicos se quedan en sus carpetas mipmap de la densidad correspondiente. Combina android/res con el directorio de recursos que ya tiene tu app y luego define android:icon="@mipmap/ic_launcher" en la aplicación, cambiándolo por el nombre que hayas elegido.
El icono temático se crea a partir del canal alfa del original. Un triángulo transparente da una silueta triangular; una foto totalmente opaca da un rectángulo relleno. Es una propiedad de la imagen de entrada, no una función que reconozca el sujeto. Quita el fondo o aporta una marca transparente hecha a propósito cuando necesites un icono temático con forma.
¿Qué contiene el paquete de iOS?
La carpeta de iOS contiene AppIcon.appiconset con una imagen RGB opaca de 1024 por 1024 píxeles y un archivo Contents.json. Añade este set a tu catálogo de recursos de Xcode y selecciona AppIcon en los ajustes del target. El flujo de tamaño único de Xcode deriva los tamaños de cada plataforma a partir de ese original.
Este exportador crea un catálogo de recursos plano. No genera un documento .icon de Icon Composer, capas de profundidad editables ni efectos Liquid Glass. Eso requiere un flujo de diseño aparte. Guarda el diseño original si piensas crear variantes por capas más adelante. Para una imagen normal que se usa dentro de tu interfaz, elige un imageset de Xcode en lugar de un set de icono de app.
Revisa antes de publicar
En Android, revisa las máscaras de círculo, squircle y las de otros launchers. Mira el resultado monocromo con los iconos temáticos activados y confirma que el primer plano no queda demasiado pequeño después del margen. En iOS, revisa el icono en Xcode y en un dispositivo. Comprueba la marca en tamaños pequeños, su contraste con el fondo y que no haya bordes no deseados.
Un paquete generado aporta archivos de recursos; no evalúa derechos de marca, no juzga la calidad visual ni promete que una tienda lo acepte. Guarda una copia de tus recursos actuales antes de combinar carpetas, y revisa la salida de compilación de la app por si hay nombres repetidos o requisitos específicos del target.