Icon Composer app icon

Icon Composer

Icon Composer lets you create layered icons out of Liquid Glass from a single design for iPhone, iPad, Mac, and Apple Watch. A multi-layer icon format allows you to craft your icon and annotate it across appearance modes. Icon Composer is designed to work seamlessly with Xcode and provides the option to export a flattened version of your icon for marketing and communication needs.

MacBook displaying Icon Composer with Photos icon in foreground

Design with Liquid Glass

Bring your icon to life with Liquid Glass—a beautiful and expressive material that scales with your icon across platforms and appearance modes. Import and organize your artwork layers, then adjust properties including specular highlights, refraction, translucency, and shadows to give your icon material presence.

Grid of app icons with Liquid Glass material

Refraction

By bending light through your icon, Refraction lets layers pick up and transmit color and shape from what's behind them. Dial in the strength per layer, from a subtle edge bend to lens-like distortion, to emphasize key elements within your icon and create stunning interactions between layers.

New Specular Highlights

Crisp, specular highlights elevate and define each layer, preserving contrast at the edges. Choose how highlights align with each layer, either inside or outside, or let Icon Composer decide automatically based on the color of your layers. A new, vertical light angle shines from above, matching the surrounding interface.

Liquid Glass inspector showing Specular controls
Photos app icon optimized with Liquid Glass material

Updated Annotation

Bring your existing icons forward. Imported Icon Composer files render with new, sharper material automatically. From there, fine-tune your icon using specular highlights, refraction, shadows, and more to take full advantage of Liquid Glass to create a unique icon that shines.

Multi-Platform Design Made Easy

Consistent enclosure shapes and a shared grid system make designing across supported Apple platforms easier. A single design is used by default and can be customized for each platform.

Weather app icon in rounded square and circular shapes

Annotate Across Rendering Modes

Icon Composer gives you full control over how your icon appears across rendering modes—all within a single file. Using a single layered structure, choose how your icon looks in Default, Dark, and Mono modes to optimize its appearance on iPhone, iPad, Mac, and Apple Watch.

Default theme preview showing the Icon Composer interface

Built for Xcode

Once you’ve completed your annotations in Icon Composer, you can add the icon directly to Xcode. The new icon file type integrates seamlessly with Xcode, enabling you to sync changes directly into your project.

Xcode showing icon file open with Icon Composer

Download Icon Composer

Icon Composer app icon

Download

Requires macOS Tahoe 26.4 or later.

App Store icon with design grid overlay

Explore the Human Interface Guidelines

Get details on how to design app icons for Apple platforms.

Learn more