Tamaños de icono de app para iOS y Android (2026)

La buena noticia, si has llegado aquí temiendo una hoja de cálculo con cuarenta tamaños, es que ambas plataformas llevan años reduciendo esa tabla. En iOS ahora entregas un solo maestro. En Android entregas dos capas y dejas que el sistema haga el resto. Esta página cubre lo que produces de verdad, y dónde puede recortarse cada icono si te descuidas.

iOS: un maestro de 1024 y Apple genera el resto

El icono de marketing de la App Store es de 1024 × 1024 píxeles, PNG, cuadrado, sin canal alfa ni transparencia. No redondeas las esquinas tú. Apple aplica la máscara redondeada al renderizar, en cada tamaño en que muestra el icono. Si entregas un icono ya redondeado, obtienes un resultado doblemente redondeado con defectos en las esquinas.

Xcode moderno toma ese único origen de 1024 y genera los tamaños más pequeños que necesita, así que en el día a día el maestro de 1024 es el único recurso que produces a mano. Los tamaños pequeños siguen existiendo por debajo: históricamente el icono de la pantalla de inicio se renderiza a 180 px en la clase de iPhone @3x y a 120 px en @2x, con el iPad en torno a 167 px en Pro y 152 px en el resto, más las variantes menores de Spotlight, Ajustes y Notificaciones. Rara vez tocas ya esas cifras directamente, pero explican por qué un icono que se ve bien a 1024 se emborrona a 40 px: el detalle fino no sobrevive a la reducción.

Diséñalo para sobrevivir al encogimiento

Como la misma ilustración se escala por todo ese rango, mantén el icono simple y centrado. Texto que necesites leer en tamaños pequeños es un error. Si el icono tiene que llevar una palabra, que sea un solo glifo marcado, no un lema.

Android: 512 para la ficha, capas para el dispositivo

Android divide el trabajo en dos, y esa división confunde a la gente constantemente.

El icono de la ficha es lo que la Play Store muestra en la búsqueda y en la parte superior de tu página: 512 × 512, PNG de 32 bits con alfa. Google le aplica sus propias esquinas redondeadas y una sombra, así que, igual que con Apple, no las incluyes tú.

El icono adaptativo es lo que un dispositivo muestra en el lanzador. Se construye a partir de dos capas de 108 × 108 dp, un frente y un fondo, exportadas a 432 × 432 px para las pantallas de mayor densidad (xxxhdpi). La capa de fondo debe ser totalmente opaca; el frente puede usar transparencia.

La zona segura es lo que importa

Aquí está la trampa. De ese lienzo de 108 × 108 dp, solo el centro tiene la visibilidad garantizada. La banda exterior, unos 18 dp por cada lado, está reservada: distintos lanzadores enmascaran el icono en círculos, cuadrados con esquinas suaves o cuadrados redondeados, y recortan esa banda exterior en cantidades diferentes. Eso deja una zona segura de unos 72 dp en el medio. Mantén cada parte importante del icono, y desde luego cualquier texto, dentro de un círculo centrado en esa zona. Empuja un logo al borde y algún dispositivo, en algún sitio, lo cortará.

Una forma útil de pensarlo: la capa de fondo llena toda la baldosa y siempre está en parte oculta; el frente es tu icono real y vive a salvo en el medio. Diseña el frente asumiendo que las esquinas se comerán, porque se comerán.

Dos máscaras, un hábito

Ambas plataformas han convergido en la misma instrucción: entrega el icono cuadrado y plano, y deja que el sistema lo redondee. Incluir tus propias esquinas o sombras es pelearte con la plataforma sin ningún beneficio. Centra el icono, mantenlo legible en pequeño y dale espacio dentro de la zona segura en Android.

Extraer un icono en vivo

Si quieres un icono existente en lugar de crear uno, el extractor de iconos de apps descarga el icono de una ficha de la App Store o de Play a resolución nativa, y el extractor gratis devuelve el icono junto con el conjunto completo de capturas. Para las dimensiones del resto de una ficha, consulta los tamaños de captura de la App Store y las especificaciones de recursos de Google Play.