Generador de iconos para apps
Empieza con una imagen con recorte inteligente, texto, 106 iconos, tu conjunto SVG/Iconfont o un Identicon reproducible, y exporta todos los tamaños para Android, iOS, watchOS, Wear OS, macOS, tvOS y la web. Todo se genera localmente en el navegador.
Generador de faviconWeb viene preseleccionado. El ZIP incluye favicon, iconos de inicio y PWA, además del código exacto para enlazarlos.→Quitar fondo de retratoDiseñado para personas · Modelo local de 6,6 MB→Encuentra automáticamente el mejor encuadre cuadrado.
Populares
Comunicación
Multimedia
Desarrollo
Trabajo
Naturaleza
Herramientas
Formas
Lee localmente SVG, iconfont.js descargado o marcado Symbol. Varios símbolos se convierten en un conjunto seleccionable.
Usa solo diseños propios o con licencia. Los archivos se procesan únicamente en esta pestaña.
Generado localmente con Jdenticon. La semilla nunca sale de esta pestaña.
Composición del primer plano
Apariencias de Apple
iOS 18+Las variantes se generan automáticamente. Puedes sustituir cada diseño; Tinted se exporta en escala de grises como exige Apple.
Vista previa
La máscara más restrictiva de los lanzadores Android. Define la zona segura: todo lo que quede fuera del círculo inscrito se recorta.
Todo lo que quede fuera del círculo puede ser recortado por la máscara del lanzador de Android.
La generación ocurre por completo en esta pestaña, sin subir archivos. Los navegadores compatibles guardan las funciones ya usadas para reutilizarlas sin conexión.
Requisitos de cada plataforma
61 archivos para 7 plataformas.
Android
Capas de icono adaptativo para cada densidad, una capa monocroma para iconos temáticos, versiones para dispositivos antiguos y la imagen de Play Store.
- Solo se garantiza que sobreviva el círculo central de 66 dp dentro de la capa de 108 dp. Las máscaras varían y pueden recortar hasta 33 dp desde el centro, por lo que cualquier elemento importante fuera del círculo puede perderse.
- La capa de fondo debe ser totalmente opaca; la capa frontal puede incluir transparencia. Un fondo transparente aparece negro o indefinido en algunos lanzadores.
- La imagen de Play Store es un PNG de 32 bits y 512×512 sin transparencia. No añadas esquinas redondeadas ni sombras: Google aplica ambas automáticamente y aparecerían duplicadas.
iOS
Variantes Default, Dark y Tinted de 1024 px en un catálogo de recursos listo para Xcode, además de capas limpias para el nuevo flujo de Icon Composer.
- Desde Xcode 15 basta una sola imagen de 1024×1024 para iOS, iPadOS y watchOS; elige el conjunto de iconos de tamaño único en el catálogo de recursos. Los generadores que aún crean diecisiete archivos siguen un flujo antiguo.
- No se admite transparencia. El canal alfa es una de las causas más comunes de rechazo en App Store, por lo que se aplana antes de exportar.
- No añadas esquinas redondeadas. iOS aplica su propia máscara; si ya las has redondeado, volverán a recortarse y el resultado será incorrecto.
- Apple admite ahora apariencias Default, Dark, Clear y Tinted. La exportación incluye recursos compatibles Default, Dark y Tinted en escala de grises; las capas limpias permiten perfeccionar Liquid Glass y Clear en Icon Composer.
watchOS
Un lienzo actual de 1088×1088 para Icon Composer y un recurso compatible de 1024 px para catálogos watchOS anteriores.
- El lienzo actual de Icon Composer para Apple Watch es de 1088×1088, mientras que los catálogos antiguos de tamaño único usan 1024 px. Se exportan ambos para cubrir el flujo actual y el compatible.
- Los iconos del reloj siempre se muestran dentro de un círculo. Mantén el elemento principal centrado y lejos de las esquinas, que nunca serán visibles.
Wear OS
Imagen de Play Store para apps de reloj, con la zona segura más ajustada que exigen estas fichas.
- Las apps de Wear OS se distribuyen en la misma Play Store, por lo que la imagen es de 512×512 y sin transparencia. Mantén todo lo importante dentro del área central de 384×384, ya que el borde puede recortarse.
- La máscara de sombra se aplica automáticamente. Usa una imagen sin sombra propia.
macOS
Un iconset completo con todos los tamaños y un archivo .icns empaquetado; macOS todavía no puede generarlos desde una sola imagen.
- macOS es la excepción al flujo de una sola imagen: el catálogo de recursos sigue necesitando cada tamaño por separado, así que aquí se genera el iconset completo.
- Los nombres de archivo de la carpeta .iconset son fijos. Si los cambias, iconutil dejará de funcionar; conserva exactamente la estructura exportada.
- A diferencia de iOS, macOS no aplica una máscara de forma. Los usuarios verán exactamente la silueta que proporciones, por lo que el diseño debe tener ya la forma deseada.
tvOS
Iconos de paralaje por capas en los dos tamaños necesarios, además de ambas imágenes Top Shelf. Es la única plataforma cuyos iconos no son cuadrados.
- Los iconos de Apple TV se componen de capas, no de una imagen plana: tres por defecto (Back, Middle y Front, hasta cinco) que se desplazan entre sí al recibir el foco. Se admite una sola imagen plana, pero se pierde por completo el efecto.
- Los dos tamaños tienen proporción 5:3, no cuadrada: 800×480 para la pantalla de inicio y 1280×768 para App Store. Un diseño cuadrado quedará encajado con fondo a ambos lados.
- Una entrega para tvOS 9.0 o posterior necesita las dos imágenes Top Shelf: 1920×720 y la versión ancha de 2320×720. Si falta una, no se puede enviar.
Web
Favicon, icono táctil de Apple, iconos para el manifiesto PWA y una variante maskable, además de fragmentos HTML y de manifiesto para enlazarlos.
- La plataforma recorta un icono PWA maskable igual que un icono adaptativo de Android, por lo que se aplica la misma zona segura central. Si el icono llena todo el lienzo, perderá los bordes.
- apple-touch-icon no debe tener transparencia: iOS lo compone sobre negro y las zonas transparentes aparecen como manchas negras en la pantalla de inicio.
- Un favicon.ico moderno sigue incluyendo variantes de 16, 32 y 48 píxeles en un solo archivo; los navegadores y las superficies del sistema usan tamaños distintos.