Icono de aplicación: tamaños, especificaciones y diseño
Un icono de aplicación tiene que funcionar en dos sitios a la vez: en la pantalla de inicio del móvil, donde compite con decenas de vecinos a una fracción de su tamaño maestro, y en las tiendas de apps, donde la subida se comprueba contra especificaciones exactas de píxeles antes de que alguien vea el diseño. Esta página reúne en una tabla las cifras de iOS, Android y Google Play, explica las reglas de diseño que hay detrás y muestra cómo generar un icono listo para la tienda a partir de una sola frase.
Ejemplos de prompts para iconos de apps
Copia cualquiera de estos en el generador y luego adapta las palabras de sujeto, estilo y color a tu app. Un buen prompt de icono de app indica tres cosas: el sujeto y su posición en el cuadrado, el estilo y el color, y la plataforma donde se publicará el icono.
Marca geométrica minimalista
Minimal mobile app icon, one geometric compass mark centered on a deep navy field, thick silhouette readable at 48 px, full square composition, no text, no baked rounded corners, iOS app icon style
Icono de app estilo foto
Photo app icon for a photography portfolio, single camera lens subject with soft depth of field, warm amber tones, subject filling two thirds of the square, crisp edges, mobile application icon style
Letra apta para icono adaptativo
Android adaptive app icon, bold letter M centered inside the safe zone, solid teal background layer, white foreground mark, simple shapes, no thin strokes that break at small sizes
Cómo crear un icono de aplicación en 3 pasos
De una frase a todos los tamaños de tienda, sin abrir ninguna herramienta de diseño.
- 1
Describe el icono
Escribe una frase con el sujeto, el estilo y el color, y la plataforma de destino, por ejemplo "a flat geometric wave mark, two colors, mobile application icon for a fitness app". Cuanto más clara sea la forma, más se acercará el primer resultado.
- 2
Genera el máster de 1024 y compruébalo pequeño
Genera a 1024x1024 y previsualiza el icono a 29 px y 60 px antes de juzgarlo. Un icono que solo funciona en grande fracasa en la pantalla de inicio.
- 3
Exporta todos los tamaños de tienda
Exporta el máster más los ajustes de App Store, capas adaptativas, Play Store y PWA. Cada archivo sigue las reglas de formato de la tabla siguiente.
Tamaños de icono de aplicación para cada tienda
Cada icono de tienda de apps se comprueba contra números exactos antes de la revisión, así que los números van primero. Esta es la lista completa en una tabla.
| Plataforma | Qué envías | Reglas de formato | Qué pasa después |
|---|---|---|---|
| iOS (App Store Connect) | Un máster de 1024x1024 px | PNG, totalmente opaco, sin canal alfa, cuadrado sin esquinas redondeadas incrustadas | Xcode deriva las versiones de 180, 167, 152, 120, 80, 60, 40 y 29 px y aplica la máscara de esquinas al mostrarse |
| Android (icono adaptativo) | Capas de primer plano y fondo, de 108x108 dp cada una | Vectores preferidos; el logo dentro de la zona segura interior de 66 dp; los 18 dp exteriores por lado son margen para máscaras y paralaje | Cada dispositivo enmascara las capas con su forma: círculo, squircle o cuadrado redondeado |
| Google Play Store | Un recurso de 512x512 px | PNG de 32 bits, color sRGB, como máximo 1024 KB, cuadrado completo | La tienda aplica su propio tratamiento de esquinas, así que sube el cuadrado completo |
| PWA (opcional) | 192x192 y 512x512 px | PNG, contenido dentro de la zona segura enmascarable | El navegador y el aviso de instalación recortan con su propia forma |
Desde Xcode 14, un único máster de 1024x1024 cubre todo el contexto de iOS: 180x180 px en la pantalla de inicio del iPhone, 167x167 px en iPad Pro, 152x152 px en iPad, 120x120 px en iPhones anteriores, y hasta 80, 60, 40 y 29 px para Spotlight, notificaciones y ajustes. Tú dibujas un cuadrado opaco con esquinas rectas; el redondeo es cosa de iOS.El formato adaptativo separa el arte de la máscara. Envías una capa de primer plano con el logo y una capa de fondo de color sólido o un patrón tranquilo, ambas de 108x108 dp. Solo el interior de 66 dp está garantizado visible, así que nada que no puedas perder sale de ahí. Los lanzadores antiguos siguen leyendo un PNG clásico de 48 dp: expórtalo también.El recurso del listado de Play es distinto de lo que va dentro del APK o el AAB: 512x512, PNG de 32 bits en sRGB, menos de 1024 KB, cuadrado completo.Si la app también se instala desde el navegador, añade al manifest PNGs de 192x192 y 512x512 y mantén el contenido dentro de la zona segura enmascarable, porque las PWA instaladas se enmascaran igual que los iconos de Android.
Genera tu icono de aplicación
Describe el icono en una frase, genera el máster de 1024x1024 y exporta todos los tamaños de la tabla con un clic.
Dónde aparece realmente un icono de aplicación en el móvil
Un icono de aplicación aparece en más sitios que la pantalla de inicio. Sale en los resultados de búsqueda de la tienda junto a los iconos de la competencia, en la ficha del producto al lado de tus capturas, en el cajón de apps o la biblioteca, en los ajustes de iOS a 29 pt y en las notificaciones a 20 pt. Diseña primero para el más pequeño de esos sitios: un icono que sigue siendo reconocible a 29 px se mantiene en todos los demás.
Tres formas de conseguir un icono de app
Un generador con IA, una biblioteca de iconos y un diseñador freelance producen los tres un icono de app. Difieren en cuánto del resultado es tuyo y en la rapidez de entrega.
| Generador de iconos con IA | Biblioteca o plantilla | Contratar a un diseñador | |
|---|---|---|---|
| Unicidad | Cada icono generado para tu prompt | Compartido con quien lo descargó | Original, dentro del encargo |
| Tiempo hasta el icono final | Menos de un minuto por concepto | Minutos de búsqueda | Días por ronda |
| Coste | Créditos o suscripción, gratis para empezar | Barato o gratis | Cientos por proyecto |
| Control de estilo y color | Total, por prompt y preset | Packs fijos | Total, con oficio |
| Riesgo de derechos y de tienda | Tuyo para usar en apps publicadas | Revisar la licencia, riesgo de parecidos en el estante | Revisar el contrato |
| Un set completo más adelante | Misma base de prompt, repetible | Mezclado entre bibliotecas | Otra ronda más |
Comparación de flujos típicos, verificada en 2026.
Qué hace el generador para iconos de apps
Todo lo necesario para pasar de un prompt a archivos que una tienda acepta.
Másteres de 1024x1024
Cada icono se genera al tamaño que pide App Store Connect y escala limpio hacia abajo.
Presets de tienda con un clic
Exporta el recurso de 512x512 de Play, las capas adaptativas y los tamaños PWA desde el mismo máster, sin reescalar a mano.
Exportación opaca o transparente
Exporta el PNG opaco que exige iOS, o archivos transparentes para capas de Android y la web.
Previsualización de esquinas, no esquinas incrustadas
Previsualiza cómo recortarán las máscaras de iOS y Android mientras el archivo sigue cuadrado.
Variantes hasta que encaje
Regenera versiones del mismo concepto para probar colores y grosores antes de decidir.
Cada estilo para una marca
Presets minimalista, glassy, 3D, pixel y más, ajustados para marcas de pantalla pequeña.
Estilos de icono de app, de la foto al flat
Cumplidas las reglas de tamaño, el estilo decide el resto. Un icono de app estilo foto, construido sobre un sujeto claro con profundidad de campo suave, encaja en apps de fotografía y viajes cuando el sujeto es grande y está centrado. Las marcas flat y minimalistas aguantan los tamaños pequeños con más fiabilidad, los presets glassy y 3D añaden profundidad sin detalle fino, y el estilo pixel convierte la limitación del lienzo pequeño en el propio look. Pasa por la galería de estilos de iconos antes de generar: las páginas de 3D, glassy y minimalista muestran cada estilo a escala de icono.
Diseñar un icono de app que sobrevive a la pantalla de inicio
La mayoría de los problemas de un icono de aplicación nacen de diseñar en el zoom equivocado. Cuatro hábitos los evitan. Compón para el cuadrado completo, hasta el borde, porque ambas tiendas lo enmascaran todo y no recortan nada. Usa trazos gruesos: las líneas finas desaparecen entre 29 y 60 px. Mantién el contraste entre la marca y el fondo, porque las pantallas de inicio viven sobre fondos que no controlas. Y mira el icono a 29 px antes de darlo por bueno: ahí se encuentra la mayoría de usuarios con él por primera vez, no en el lienzo de 1024 px.
Dónde encaja este flujo
Un máster, exportado para cada destino: esa es toda la idea.
Apps iOS independientes
Envía el máster de App Store, deja que Xcode derive el resto y mantén el PNG opaco. Empieza en el generador de iconos de aplicaciones.
Utilidades Android
Capas adaptativas con el logo dentro de la zona segura, más el PNG clásico de 48 dp para lanzadores antiguos.
PWA y apps web
Recursos enmascarables de 192 y 512 para el aviso de instalación, con el favicon a juego del generador de iconos de sitio.
Equipos de producto
Reutiliza un mismo prompt para mantener una familia coherente de iconos de apps móviles en varios productos, y visita la galería de iconos cuando el set tenga que crecer.
Renovar la ficha de la tienda
Icono nuevo, app igual: exporta, sube y actualiza la ficha esa misma tarde.
FAQ del icono de aplicación
Preguntas frecuentes sobre tamaños, formatos y cómo crear uno.
¿Qué tamaño debe tener un icono de aplicación?
El máster es de 1024x1024 px para App Store y de 512x512 px para Google Play. Las capas adaptativas de Android son de 108x108 dp con el logo dentro de los 66 dp interiores. Todo lo más pequeño lo deriva o enmascara la tienda, así que se diseña una sola vez al tamaño máster.
¿Por qué App Store exige un icono de 1024x1024?
Es el tamaño más grande que usa iOS, y desde Xcode 14 basta con enviar un único PNG opaco de 1024x1024; Xcode genera a partir de él todas las variantes menores. El archivo no puede llevar canal alfa ni esquinas redondeadas predibujadas, porque iOS aplica su propia máscara.
¿Puede un icono de app tener fondo transparente?
En iOS, no: los iconos de App Store deben ser totalmente opacos y las subidas con transparencia se rechazan. Los iconos adaptativos de Android usan una capa de fondo separada en lugar de transparencia, y los formatos web como los iconos PWA y los favicon pueden usar transparencia donde el diseño la pida.
¿Qué es un icono adaptativo de Android?
Un formato de dos capas, de 108x108 dp cada una, con tu logo en el primer plano y un color o patrón en el fondo. El lanzador enmascara ambas capas con la forma del dispositivo, y los 18 dp exteriores por lado existen como margen para máscaras y efectos, así que el contenido real se queda en la zona segura interior de 66 dp.
¿Qué diferencia hay entre un icono de app y un logo?
Un logo funciona a cualquier tamaño sobre superficies que controlas; un icono de app funciona a 29 px sobre el fondo de otra persona y dentro de una máscara que no eliges. Los iconos necesitan formas más simples, contraste más fuerte y composición de cuadrado completo, mientras que los logos admiten detalle más fino. Muchas apps derivan ambos de una misma marca.
¿Cómo creo un icono de aplicación?
Escribe una frase que describa sujeto, estilo y plataforma, y genera el máster de 1024x1024 en el generador de iconos de aplicaciones. Si dudas, elige primero la dirección: un icono estilo foto para una app de fotografía, una marca flat para una utilidad. Previsualiza a 29 px y exporta los presets de tienda cuando se lea con claridad.
