Generador de iconos de app

Convierte una imagen cuadrada en 74 iconos para iOS, macOS, watchOS y Android y un AppIcon.appiconset de Xcode, todo en un ZIP.

Fondo para Apple (rellena la transparencia)

Suelta aquí la imagen del icono o haz clic para elegir · se recomienda un cuadrado de 1024×1024 px o mayor

PNGJPGWEBP SVGGIFBMP

El primer plano Android ocupa 66dp de 108dp (aprox. 61%). Añade fondo, XML e icono monocromo en el proyecto. La salida Apple es un catálogo PNG estático.

Descargar todos los iconos

iOS

iPhone · iPad · App Store

PNG opaco: el sistema redondea las esquinas (el redondeo de la vista previa es orientativo)

macOS

Iconos para Mac

Huecos de 16pt a 512pt @1x/@2x (los tamaños iguales comparten archivo)

watchOS

Iconos para Apple Watch

Notificación · Ajustes · Lanzador · Quick Look, por tamaño de caja (opacos)

Android

Lanzador · Google Play · Primer plano adaptativo

PNG de 32 bits con alfa conservado: Play aplica el redondeo del 30 % y la sombra automáticamente

Primer plano adaptativo: 66dp centrales de 108dp (aprox. 61%), fondo transparente

El ZIP contiene PNG estáticos y Xcode/AppIcon.appiconset. Revisa integración y ranuras faltantes. El fondo/XML/icono monocromo Android y los iconos por capas Apple requieren trabajo adicional.

Tamaños y zonas seguras por plataforma

Estos son los preajustes que produce la herramienta. Los huecos que realmente necesitas dependen de la versión mínima de tu proyecto, así que revisa los avisos de iconos que faltan en Xcode y Android Studio.

Plataforma	Tamaños (px)	Transparencia	Notas
iOS	1024 / 180 · 167 · 152 · 120 / 87 · 80 · 76 · 60 · 58 · 40 · 29 · 20	No (se rellena)	El sistema redondea las esquinas
macOS	16 – 1024 (1x, 2x)	No	Dock y listas del Finder
watchOS	48 – 234	No	Notificaciones, lanzador, Quick Look
Lanzador de Android	36 · 48 · 72 · 96 · 144 · 192	Sí	Mipmaps ldpi–xxxhdpi
Primer plano adaptativo	108 · 162 · 216 · 324 · 432	Sí	Lienzo de 108 dp, círculo seguro de 66 dp
Google Play	512	Sí	Ficha de la tienda

En un icono adaptativo de Android el logotipo debe quedar dentro de los 66 dp centrales de 108 dp para no recortarse. 66/108 es aproximadamente el 61,1%, así que calcular con «el 66% central» lo deja más grande que la zona segura. Esta herramienta lo coloca en 264 px del archivo de 432 px.

Cómo se usa

Arrastra un original cuadrado de al menos 1024×1024 o haz clic para elegirlo. Las imágenes rectangulares se recortan desde el centro y aparece un aviso si el original es pequeño y habría que ampliarlo.
Elige el color que rellenará la transparencia en los iconos de iOS. El blanco es el valor por defecto; el color de tu marca suele quedar mejor con un logotipo transparente. Los iconos se generan al abrir el archivo, con vistas previas de cada tamaño.
Comprueba en las vistas pequeñas (20, 29 y 40 px) que la forma se reconoce y pulsa descargar ZIP. El archivo incluye carpetas por plataforma, Xcode/AppIcon.appiconset y un README.

Consejos de diseño

Empieza por los tamaños pequeños: en nuestras pruebas, un icono detallado se emborronaba desde 58 px y era irreconocible a 29 px. Un solo símbolo, trazos gruesos y buen contraste con el fondo son lo más importante.
Sin texto en el icono: las letras finas no se leían ni a 120 px, y el nombre de la app ya aparece debajo.
Los iconos adaptativos necesitan solo el símbolo: una ilustración con su propio fondo deja un borde cuadrado dentro de las máscaras circulares y squircle. Entrega un PNG transparente del símbolo y define el fondo en el XML adaptive-icon.
No redondees las esquinas antes: iOS vuelve a redondearlas, así que un original ya redondeado deja ver el color de fondo en las esquinas. Entrega un cuadrado sin más.
Comprueba el modo oscuro: un icono con fondo blanco puede perder sus bordes sobre un fondo de pantalla oscuro. Coloca el icono generado en una pantalla de inicio real y míralo.

Preguntas frecuentes

¿Cómo se generan 74 archivos de una vez?

El original se convierte en un máster cuadrado y se reduce a la mitad en varios pasos para cada tamaño, evitando bordes dentados, y se codifica en PNG. Cuando varios huecos comparten el mismo tamaño en píxeles se reutiliza el archivo. El ZIP se empaqueta en el navegador con JSZip; en las pruebas, un icono sencillo sumó 5,71 MiB y uno detallado 6,96 MiB. PNG ya está comprimido, así que el ZIP apenas cambia el tamaño.

¿Qué tamaño y formato conviene para el original?

Un PNG cuadrado de al menos 1024×1024. Crear un icono de 1024 px a partir de uno de 512 px lo amplía y se ve borroso, y la herramienta te avisa. Un PNG transparente conserva la transparencia en Android, mientras que iOS la rellena con el color elegido. Un SVG se convierte en imagen de píxeles.

¿Cómo los añado a Xcode y Android Studio?

En Xcode, arrastra la carpeta Xcode/AppIcon.appiconset del ZIP a Assets.xcassets de tu proyecto; Contents.json rellena los huecos. En Android, copia las carpetas Android/mipmap-* dentro de res y apunta el foreground de ic_launcher.xml al primer plano adaptativo. Los targets adicionales y las extensiones de Watch no se configuran solos, así que revisa los avisos tras compilar.

¿Hay recursos que no crea?

Sí. Esta herramienta genera PNG estáticos y un AppIcon.appiconset clásico. No crea iconos temáticos monocromos de Android, iconos blancos de notificación, las variantes oscuras y tintadas de Apple ni los iconos por capas de Icon Composer; añádelos en tus herramientas de desarrollo. Además, tener el conjunto de PNG no equivale a superar la revisión de la tienda.