Generador de iconos de app
Sube una imagen cuadrada (lo ideal es 1024 × 1024 px) y obtén todos los tamaños de icono que necesita tu app: un conjunto AppIcon de Xcode para iPhone y iPad, mipmaps adaptativos y clásicos de Android, iconos PWA y maskable con el código del manifest, y un conjunto de iconos de macOS con archivo .icns. Todo se genera en tu navegador.
Última actualización:
Archivos del ZIP
Cómo usar Generador de iconos de app
- Añade tu diseño: arrastra o elige un PNG, JPG, WebP o SVG cuadrado, idealmente de 1024 × 1024 px. Sirven tanto un logo transparente como un icono terminado a sangre.
- Ajusta el margen y el fondo: da a los logos algo de espacio y un fondo sólido o degradado; deja el margen en 0 para iconos terminados.
- Revisa las vistas previas: los launchers de Android recortan los iconos adaptativos en círculos, squircles o lágrimas, así que mantén los detalles importantes dentro de la zona segura.
- Elige las plataformas que necesitas: iOS, Android, Web/PWA y macOS, e introduce el nombre de tu app y el color del tema para el manifest.
- Descarga el ZIP y copia las carpetas en tu proyecto: el conjunto AppIcon en Assets.xcassets de Xcode, la carpeta res en tu módulo de Android y los iconos web junto a tu manifest.
Tamaños de iconos de app por plataforma
| Plataforma | Icono | Tamaños en píxeles |
|---|---|---|
| iPhone | Pantalla de inicio (60 pt), Spotlight (40 pt), Ajustes (29 pt), Notificaciones (20 pt) | 180, 120, 87, 80, 60, 58, 40 |
| iPad | Pantalla de inicio (76 y 83.5 pt), Spotlight, Ajustes, Notificaciones | 167, 152, 80, 76, 58, 40, 29, 20 |
| App Store | Icono de marketing | 1024 |
| Launcher de Android (clásico) | ic_launcher e ic_launcher_round, de mdpi a xxxhdpi | 48, 72, 96, 144, 192 |
| Capas adaptativas de Android | Primer plano, fondo y monocroma (108 dp) | 108, 162, 216, 324, 432 |
| Google Play | Icono de la ficha de la tienda | 512 |
| Web / PWA | Iconos del manifest (any y maskable), Apple touch icon, favicons | 512, 192, 180, 48, 32, 16 |
| macOS | 16, 32, 128, 256 y 512 pt a 1x y 2x | 1024, 512, 256, 128, 64, 32, 16 |
Un punto (pt) en los dispositivos de Apple y un píxel independiente de la densidad (dp) en Android se convierten en píxeles reales con la escala de la pantalla: 2x y 3x en los iPhone, y 1x (mdpi), 1.5x (hdpi), 2x (xhdpi), 3x (xxhdpi) y 4x (xxxhdpi) en Android.
Zonas seguras: mantén tu logo donde los launchers no puedan recortarlo
- Los iconos adaptativos de Android miden 108 × 108 dp. Los launchers muestran solo los 72 dp centrales, recortados en círculo, squircle, cuadrado redondeado o lágrima, y mantienen siempre visible el círculo interior de 66 dp. Esta herramienta coloca tu diseño dentro de la zona visible de 72 dp, escalado según tu margen.
- Los iconos maskable de PWA deben mantener el contenido importante dentro de un círculo centrado cuyo diámetro sea el 80% del icono. Los archivos maskable añaden ese margen automáticamente mientras el fondo ocupa todo el cuadrado.
- iOS usa un rectángulo redondeado con esquinas continuas (alrededor del 22% del ancho). Sube un cuadrado simple: no añadas tú esquinas redondeadas ni transparencia.
- Los iconos de macOS desde Big Sur se colocan sobre un mosaico redondeado de 824 × 824 px dentro de un lienzo de 1024 px, con una sombra suave. El estilo de mosaico Redondeado sigue esa cuadrícula.
Activa Mostrar zonas seguras para ver el círculo maskable del 80% (rojo) y tu recuadro de margen (azul) en la vista previa grande, y el círculo de 66 dp en las vistas previas de Android.
Consejos de diseño para iconos de app
- Usa un único símbolo sencillo, no una captura de pantalla ni un bloque de texto. Tiene que leerse a 29 pt en Ajustes y a 16 px en un menú de Mac.
- Es preferible un fondo sólido o degradado con un logo claro encima: los iconos transparentes no se permiten en iOS y quedan poco uniformes en Android.
- Revisa el icono sobre fondos de pantalla claros y oscuros, y con el estilo temático monocromo de Android 13 y posteriores.
Preguntas frecuentes
¿Qué tamaño debe tener el icono de una app?
Parte de una imagen cuadrada de 1024 x 1024 píxeles. Es el tamaño que Apple exige para la App Store, y todos los tamaños menores se pueden reducir a partir de ella con nitidez. El icono de Google Play Store mide 512 x 512 píxeles, los iconos de launcher de Android llegan a 192 x 192 píxeles (432 x 432 para las capas adaptativas) y las PWA necesitan como mínimo iconos de 192 y 512 píxeles.
¿Los iconos de iOS deben tener esquinas redondeadas o transparencia?
No. Sube iconos cuadrados sin esquinas redondeadas: iOS aplica su propia máscara redondeada. Además, los iconos de apps de iOS deben ser totalmente opacos, así que esta herramienta rellena cualquier zona transparente con tu color de fondo (o blanco) en los archivos de iOS.
¿Qué es un icono adaptativo de Android?
Desde Android 8.0, los iconos de launcher se componen de una capa de primer plano de 108 x 108 dp y una capa de fondo. El launcher los recorta en un círculo, un squircle u otra forma, mostrando solo los 72 dp centrales, y puede mover las capas para efectos de paralaje. Mantén los logos dentro de la zona segura central de 66 dp. El ZIP contiene ambas capas, una capa monocroma para los iconos temáticos de Android 13 y posteriores, y el XML que las une.
¿Qué es un icono maskable en una PWA?
Un icono maskable ocupa todo el cuadrado y mantiene su contenido importante dentro de un círculo central del 80% del tamaño del icono, para que Android pueda recortarlo con cualquier forma sin cortar el logo. Añádelo al web manifest con purpose en maskable, junto a tus iconos normales con purpose any.
¿Cómo añado los iconos de iOS a Xcode?
Descomprime el archivo, abre la carpeta Assets.xcassets de tu proyecto y sustituye la carpeta AppIcon.appiconset existente por la de la carpeta ios (o arrastra las imágenes a las casillas de AppIcon). Contents.json ya asigna cada archivo a su casilla. Xcode 14 y posteriores también funcionan solo con el icono de 1024 px si cambias AppIcon a tamaño único.
¿Crea un archivo .icns para macOS?
Sí. La carpeta macos contiene un AppIcon.appiconset para Xcode y un archivo AppIcon.icns con todos los tamaños de 16 a 1024 px para apps creadas sin Xcode, como las apps de Electron o Tauri. Con la opción de estilo Big Sur, el diseño se coloca sobre el mosaico redondeado de Apple con una sombra suave, como otros iconos modernos de Mac.
¿Se sube mi imagen?
No. Todo el redimensionado, los archivos ICO e ICNS y el ZIP se crean en tu navegador. Tu diseño nunca sale de tu dispositivo.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.