Cómo usar Generador de iconos de app
- 1
Añade tu diseño
Suelta un PNG, JPG, WebP o SVG cuadrado, a ser posible de 1024 × 1024 píxeles o más; un logotipo con fondo transparente también funciona bien.
- 2
Elige las plataformas
Deja iOS, Android y Web y PWA, o desmarca las que no uses, y elige el conjunto completo de tamaños de Xcode o un solo icono de 1024 px.
- 3
Ajusta el aspecto
Define el margen, el color de fondo y el tamaño del diseño dentro de los iconos adaptativos y maskable, revisando las guías de zona segura y las formas de los lanzadores.
- 4
Descarga el ZIP
Haz clic en Descargar ZIP y copia cada carpeta en tu proyecto; el README incluido indica dónde va cada archivo.
Límites y Pro
Gratis y sin marca de agua: una imagen de origen de hasta 50 MB cada vez, hasta 44 iconos PNG por ZIP (39 por defecto, 5 más con la capa de icono temático) y descargas ilimitadas.
Acerca de Generador de iconos de app
El generador de iconos de apps convierte una sola imagen en el conjunto completo de iconos que necesita una app móvil o una aplicación web progresiva, con los archivos nombrados y organizados en carpetas como esperan Xcode, Android Studio y los navegadores. Con todas las plataformas seleccionadas, el ZIP contiene 39 archivos PNG: 15 para el catálogo de recursos de iPhone y iPad, incluido el icono de 1024 px de la App Store; 15 imágenes de lanzador de Android en las densidades de mdpi a xxxhdpi; el icono de Google Play de 512 px; y 8 iconos web que cubren los tamaños de manifiesto de 192 y 512 px, las versiones maskable, el apple-touch-icon de 180 px y los favicons de 16, 32 y 48 px.
Junto a las imágenes se incluyen un Contents.json para AppIcon.appiconset, el XML de mipmap-anydpi-v26 para los iconos adaptativos de Android 8 con un recurso de color de fondo, un favicon.ico con tres tamaños, un bloque de iconos para manifest.webmanifest y las etiquetas link de HTML. Los archivos de iOS se escriben sin canal alfa, porque Xcode rechaza los iconos de la App Store que lo tienen, y cada tamaño se reduce desde un original de 1024 px en pasos de mitad en mitad para que los iconos pequeños se vean nítidos.
La herramienta no diseña un icono ni elimina un fondo por ti, y usa un color sólido para la capa de fondo adaptativa en lugar de una segunda imagen. Las vistas previas de squircle, gota y círculo imitan lanzadores habituales; cada fabricante dibuja su propia máscara, así que comprueba el resultado en un dispositivo real.
Privacidad
Tu diseño se decodifica, se redimensiona y se empaqueta en el ZIP dentro de esta pestaña del navegador, mediante un canvas y un Web Worker local, así que la imagen nunca sale de tu dispositivo y no se sube ni se guarda nada.
Características
Catálogo de recursos de Xcode
AppIcon.appiconset con Contents.json, todos los tamaños de iPhone y iPad y PNG sin canal alfa.
Iconos adaptativos de Android
Capas de primer plano, recurso de color de fondo, iconos redondos, capa temática y el 512 de Play Store.
PWA y favicons
Iconos del manifiesto, versiones maskable, apple-touch-icon, favicon.ico y etiquetas HTML listas.