Una sola imagen cuadrada es hoy todo el entregable del icono en iOS. Los tamaños que piden las dos tiendas, qué vino a sustituir Icon Composer y las reglas de diseño que deciden si alguien llega a tocarlo.
Una sola imagen cuadrada, de 1024 por 1024 píxeles, es hoy todo el entregable del icono en iOS. Google Play quiere 512 por 512 como PNG de 32 bits por debajo de 1 MB, más un icono adaptativo dentro de la app. Todo lo demás lo genera el sistema.
Si la última vez que publicaste un icono fue antes de 2025, esa primera frase es justo lo que ha cambiado.
La especificación
| App Store | Google Play | |
|---|---|---|
| Arte de tienda | 1024 x 1024 px | 512 x 512 px |
| Formato | SVG preferido, PNG para ráster y degradados | PNG de 32 bits con alfa |
| Tamaño máximo de archivo | Apple no lo publica | 1.024 KB |
| Espacio de color | sRGB, Gray Gamma 2.2 o Display P3 | sRGB |
| Esquinas | Entrega cuadrado. El sistema enmascara. | Entrega el cuadrado completo. Play enmascara al 30 % de radio. |
| Sombras | No las añadas. Las pone el sistema. | No las añadas. Las pone Play. |
| Recurso en la app | Archivo de Icon Composer, o una única entrada de 1024 px en el catálogo | Icono adaptativo, 108 x 108 dp |
| Zona segura | no aplica, la máscara es predecible | 66 x 66 dp centrados, 18 dp recortados por cada lado |
| Apple Watch | 1088 x 1088 px | no aplica |
Dos números causan casi todo el daño en la práctica: el 1024 de Apple y la zona segura de 66 dp de Android dentro de un lienzo de 108 dp.
Qué cambió Icon Composer
Apple pedía antes una carpeta de PNG en todos los tamaños, de 29 px a 1024 px. Ese flujo se acabó, y la mayoría de guías de iconos que hay en internet no se han puesto al día.
Hoy un icono de iOS es un archivo por capas construido en Icon Composer, hasta cuatro grupos de capas, exportado una vez. Xcode genera cada variante más pequeña al compilar, incluidas las de versiones antiguas de iOS. Suelta un archivo de Icon Composer en tu proyecto y sustituye por completo tu catálogo AppIcon existente.
Si no usas Icon Composer, una sola entrada de 1024 px en el catálogo hace el mismo trabajo. Configura el icono como Single Size en lugar de All Sizes. La propia documentación de Apple ya lo recomienda para proyectos existentes que siguen entregando el set completo: "consider providing a single size when that is all your icon requires."
macOS sigue necesitando todos los tamaños. visionOS quiere un recurso de 1024 px. Solo esas dos son excepciones.
Seis apariencias, todas opcionales
Los iconos de iOS se renderizan hoy en seis variantes: default, oscura, clear light, clear dark, tinted light y tinted dark. Oscura y tinted llegaron en 2024. Las variantes clear llegaron con Liquid Glass en 2025.
No tienes que dibujar las seis. El sistema genera las que omitas. Si sí las entregas a mano, se aplican dos reglas: las variantes tinted deben ser en escala de grises, y las oscuras necesitan fondo transparente para que se vea el fondo del sistema.
Los iconos alternativos necesitan sus propias variantes oscura, clear y tinted. Conviene saberlo antes de prometer un set de iconos de temporada.
Deja de precocinar efectos
La guía de Apple es aquí inusualmente tajante. No exportes la máscara del lienzo. No añadas brillos especulares, sombras entre capas, bordes biselados, desenfoques ni resplandores. El sistema aplica todo eso, y un icono premascarado acaba con bordes dentados y brillos rotos.
Las capas de primer plano deben tener bordes bien definidos, no difuminados. Variar la opacidad entre capas de primer plano sí se recomienda, porque le da profundidad al sistema con la que trabajar. Una capa de fondo, si importas alguna, tiene que ir a sangre y ser opaca.
Android: la zona segura lo es todo
Un icono adaptativo son dos capas, cada una de 108 por 108 dp. Cada fabricante aplica su propia máscara, así que solo los 66 por 66 dp centrales sobreviven con garantía. Los 18 dp exteriores de cada lado están reservados para enmascarado, parallax y efectos de pulso.
Tu logotipo tiene que medir al menos 48 por 48 dp y no más de 66 por 66 dp. Las capas no deben llevar sus propias máscaras ni sombras de contorno. El vector gana al mapa de bits.
La capa monocroma, para iconos tematizados, es opcional y se introdujo en Android 13. Desde Android 16 QPR 2, si no entregas una, Android tematiza tu icono automáticamente. Esa versión automática rara vez queda tan bien como una dibujada por ti.
Cinco formas de estropear un icono
Diseñado a 1024, juzgado a 60. El icono se aprueba en un monitor de 27 pulgadas y después compite como miniatura de 60 píxeles en un resultado de búsqueda. Aleja tu mesa de trabajo hasta que quepa en una uña. Si no distingues qué es, el diseño no está terminado, por bien que se vea en grande.
Texto en el icono. La posición de Apple es que el texto no se localiza, no acompaña a la accesibilidad y suele ser demasiado pequeño para leerse. Palabras como Play, Watch o New son las peores, porque no aportan nada. El nombre de tu app ya aparece impreso justo debajo del icono.
Esquinas redondeadas incrustadas. Las dos tiendas enmascaran por ti. Redondear tú mismo en iOS rompe los brillos especulares; en Play produce un icono visiblemente redondeado dos veces. La documentación de Google lo dice dos veces: no redondees los bordes, no añadas sombras.
Logotipo de Android dibujado a lienzo completo. Dibuja a 108 dp, publícalo, y Samsung te recorta el logotipo. La zona segura de 66 dp no es una sugerencia.
Afirmaciones de rendimiento en el arte. Google prohíbe explícitamente iconos que indiquen ranking, precio, promoción o un programa de Play. Insignias de premios, "#1", "Editor's choice", reclamos de descuento y puntos de notificación falsos están todos nombrados en la política. Apple no tiene una regla equivalente, así que un icono que pasa en Google pasa en las dos.
Cómo diseñar uno que funcione
Elige una forma y una idea. Los iconos que se leen en miniatura son una sola silueta con alto contraste contra su fondo, y casi nada más. Mira los cinco primeros resultados de tu término principal, a tamaño real, y notarás qué pocos contienen más de un objeto.
El color trabaja más que la forma en tamaños pequeños. Elige un fondo que te separe de los cuatro competidores que tienes al lado en la búsqueda, no el que pega con tu web.
Luego pruébalo en serio: en una pantalla de inicio entre apps reales, en un resultado de búsqueda junto a competidores, en modo oscuro y tematizado. Son cuatro contextos, y un icono que solo funciona en el primero te cuesta instalaciones en los otros tres sin aparecer nunca como un problema.
Dónde encaja esto en el trabajo
Tu icono y tus dos primeras capturas deciden si un resultado de búsqueda se convierte en instalación, y las tiendas devuelven esa tasa de conversión a dónde rankeas la semana siguiente. Así que esto es una tarea de ASO, no de branding. La guía de capturas cubre la otra mitad, y qué es el ASO explica cómo se conectan las dos con tus metadatos.
El agente de assets produce un icono acorde a tu marca para cada dispositivo. Recibes un borrador que aprobar, no un briefing de diseño que escribir.
Nada se publica hasta que tú lo apruebas.
¿Te ha resultado útil este artículo?