Imagen / Iconos de aplicaciones
Generador de iconos Liquid Glass para Icon Composer
Convierte un PNG o SVG de primer plano en un paquete .icon de Liquid Glass para Icon Composer y Xcode 26. Elige el color de fondo y el relleno, compara vistas previas aproximadas en modos claro, oscuro, teñido y transparente, y exporta un PNG combinado de 1024 × 1024.
Generador de iconos Liquid Glass para Icon Composer: Mantiene una imagen de primer plano separada del degradado de fondo automático que proporciona Icon Composer. Centra la ilustración con el relleno que elijas y empaqueta un paquete .icon dentro de un ZIP. Las vistas previas del navegador muestran cuadrados redondeados y un círculo de reloj, con modos teñido y transparente aproximados. El PNG combinado usa el color base sólido seleccionado y no tiene materiales de vidrio. Los controles de forma y apariencia de la vista previa no cambian la configuración del paquete. Funciona al 100 % en tu navegador, sin subir archivos a ningún servidor.
- Categoría
- Herramientas de imagen
- Se ejecuta
- En tu navegador
- Coste
- Gratis · sin registro
- Disponibilidad
- Lista para usar
Funciona por completo en tu navegador
Liquid Glass es el lenguaje de diseño de Apple presentado con iOS 26. Los iconos de las aplicaciones usan capas y materiales que se adaptan a su apariencia y entorno. Documentación para desarrolladores de Apple · Pautas de interfaz humana
Suelta el diseño aquí o busca archivos. El diseño con transparencia ofrece mejores resultados. Hasta 20 MB.
Icon Composer rellena el fondo con un degradado automático basado en tu color. Estas vistas previas y el PNG aplanado usan un color base sólido; ajusta el degradado final en Icon Composer.
Vista previa aproximada; iOS renderiza el aspecto final. Las formas y las apariencias tintada y transparente son ilustraciones, no el renderizado de materiales de Apple.
Extrae el ZIP, abre AppIcon.icon en Icon Composer para Xcode 26, revisa los materiales y las apariencias y, después, añade el paquete .icon a tu proyecto de Xcode. Usa el PNG aplanado en un catálogo de recursos para destinos anteriores. Guía de Icon Composer de Apple
Este generador mantiene una capa de primer plano sobre el relleno de fondo. No edita la profundidad de las capas, la refracción, los reflejos ni las sombras. Añade y ajusta más capas en Icon Composer. Los controles de vista previa no cambian la configuración de apariencia del paquete.
Tu imagen permanece en el navegador. No se sube nada.
Liquid Glass y diseño de iconos de aplicaciones
Apple describe Liquid Glass y los iconos de aplicaciones adaptables en su documentación para desarrolladores y en sus Directrices de interfaz humana. Sigue sus indicaciones para crear un icono reconocible en distintas plataformas y apariencias. https://developer.apple.com/documentation/technologyoverviews/liquid-glass y https://developer.apple.com/design/human-interface-guidelines/app-icons
Icon Composer y Xcode
Icon Composer admite ilustraciones en capas y ajustes de materiales. Abre y revisa allí el paquete .icon extraído antes de añadirlo a tu proyecto de Xcode. Este generador proporciona una capa de primer plano y un degradado de fondo automático basado en tu color. https://developer.apple.com/icon-composer/ y https://developer.apple.com/documentation/Xcode/creating-your-app-icon-using-icon-composer
Cómo se usa
- Elige una ilustración de primer plano, preferiblemente un PNG transparente o SVG, y define su relleno y color de fondo.
- Compara pantallas de inicio claras y oscuras, formas de las plataformas y apariencias aproximadas en los modos teñido y transparente.
- Descarga y extrae el ZIP .icon, abre el paquete en Icon Composer, revisa el aspecto final y añádelo a tu proyecto de Xcode. Descarga un PNG combinado para destinos anteriores.
Privacidad y límites
Las imágenes se decodifican y exportan en tu navegador. Tu ilustración no se sube.
Herramientas relacionadas
Preguntas frecuentes
¿Qué es Liquid Glass?
Liquid Glass es el lenguaje de diseño de Apple presentado con iOS 26. Los iconos de las apps pueden usar capas y materiales que se adaptan a las distintas apariencias. Esta página prepara un paquete inicial; el sistema operativo representa su apariencia final.
¿Cómo uso la descarga en Xcode 26?
Extrae el ZIP y abre el paquete AppIcon.icon en Icon Composer. Revísalo y guárdalo allí; después, añade el paquete .icon a tu proyecto de Xcode y selecciónalo como icono de la app. La guía de Icon Composer de Apple explica la configuración del proyecto.
¿Este editor admite profundidad por capas?
Proporciona una capa de primer plano sobre el relleno de fondo. No edita varias capas, profundidad, refracción, reflejos ni sombras. Añade capas y ajusta los materiales en Icon Composer.
¿Las vistas previas muestran el aspecto final de iOS?
No. Las formas de cuadrado redondeado y círculo, además de los efectos teñido y transparente, son vistas previas aproximadas. iOS representa el aspecto final. El navegador y el PNG combinado usan un color de fondo sólido; Icon Composer proporciona el degradado automático.
Herramienta gratuita · se ejecuta en tu navegador · sin cuenta