Cada plataforma pide los iconos a su manera: Apple quiere un
appiconset con variantes claro/oscuro/tinted, Android pasó
a iconos adaptativos con capa monocroma para los temas de Material You,
y la web tiene su propio pequeño zoo de favicons. Esta guía reúne
todas las medidas vigentes en 2026 en un solo lugar.
Desde Xcode 14 basta con un único icono de 1024 × 1024 px y Xcode genera el resto. Con iOS 18, Apple añadió dos variantes del mismo tamaño:
| Variante | Tamaño | Notas |
|---|---|---|
| Estándar (any) | 1024 × 1024 | Sin transparencia ni esquinas redondeadas: el sistema aplica la máscara. |
| Dark | 1024 × 1024 | Fondo transparente u oscuro; el sujeto debe funcionar sobre el fondo oscuro del sistema. |
| Tinted | 1024 × 1024 | Escala de grises; iOS la tiñe con el color de acento del usuario. |
Para proyectos que aún soportan versiones antiguas, las medidas legacy siguen siendo: 20, 29, 40, 60, 76 y 83.5 pt en @1x/@2x/@3x según dispositivo (40, 58, 60, 80, 87, 120, 152, 167, 180 px…).
| Recurso | Tamaño | Notas |
|---|---|---|
| mipmap-mdpi | 48 × 48 | Iconos «clásicos» por densidad. |
| mipmap-hdpi | 72 × 72 | |
| mipmap-xhdpi | 96 × 96 | |
| mipmap-xxhdpi | 144 × 144 | |
| mipmap-xxxhdpi | 192 × 192 | |
| Adaptive (foreground/background) | 432 × 432 | El contenido «seguro» debe caber en el círculo central de 264 px: el sistema recorta la forma. |
| Themed / monochrome | 432 × 432 | Capa monocroma (blanca sobre transparente) para Material You en Android 13+. |
| Google Play Store | 512 × 512 | PNG de 32 bits, sin transparencia. |
Un AppIcon.iconset con 10 archivos que después se compila
a .icns con iconutil:
16, 16@2x, 32, 32@2x, 128, 128@2x, 256, 256@2x, 512, 512@2x (es decir: 16, 32, 64, 128, 256, 512 y 1024 px)
Un único app.ico multi-resolución con 7 tamaños
incrustados: 16, 24, 32, 48, 64, 128 y 256 px.
Los instaladores y la barra de tareas eligen el que necesitan.
| Archivo | Tamaño | Para qué |
|---|---|---|
| favicon.ico | 48 × 48 (multi) | Pestañas y marcadores en navegadores antiguos. |
| favicon-32.png | 32 × 32 | Pestaña estándar. |
| apple-touch-icon | 180 × 180 | Pantalla de inicio en iPhone/iPad. |
| icon-192.png | 192 × 192 | PWA instalada (manifest). |
| icon-512.png | 512 × 512 | Splash de PWA (manifest). |
| maskable-512.png | 512 × 512 | Variante «maskable»: el arte debe caber en el 80% central. |
El Icon Studio de PhotoCut Studio genera las ~58 medidas de las cinco plataformas desde un único PNG — incluidas las variantes dark/tinted de iOS 18 y la capa monocroma de Android 13 — y las descarga en un ZIP con la estructura de carpetas lista para pegar en el proyecto. Gratis y sin subir tu logo a ningún servidor.
Abrir Icon Studio →De los 20 tamaños legendarios a los 5 archivos que de verdad hacen falta hoy, con el snippet HTML completo.
Los tres métodos que existen, cuándo conviene cada uno y cómo conseguir bordes limpios en pelo y detalles finos.
Las medidas exactas de cada marketplace y cómo dejar el producto sobre fondo blanco, centrado y listo para vender.