Adding Icon Composer icons to Xcode

How do you use Icon Composer to add App Icons to an Xcode project?

Last updated: Jun 26, 2025

Icon Composer

Xcode 26 adds a new Icon Composer tool to build icons for the new Liquid Glass design system. I recommend the Apple Article: Creating your app icon using Icon Composer and the WWDC videos linked below to learn how to best use Icon Composer.

The basic idea is that you use your preferred design tool (Photoshop, Sketch, Pixelmator, etc.) to design your icon’s foreground layers. You then export these as fully opaque SVG layers to import into Icon Composer.

Using Icon Composer, you add the background, adjust size and positions of the layers, set opacity, color/gradients, shadows, and glass effects. Xcode uses the single .icon file to generate all the icon variants it needs for all supported platforms.

Adding Icons to an Xcode Project

The step that left me confused when watching the WWDC video was how to add the icons to an Xcode project.

You no longer need to add default, dark, and tinted variants of the app icon to the asset catalog in the app bundle. What you need to do is drag the Icon Composer .icon file into the project navigator sidebar of the Xcode project:

Adding an AppIcon icon file to the Xcode project navigator

Once you add the .icon file to the project you no longer need the external file. You can open and edit the icon file in Icon Composer directly from Xcode:

Xcode project showing icon preview and button to open with icon composer

I would prefer that we could avoid this two step process. Maybe Apple will add an Icon Composer template to Xcode so we can create a new icon file directly in the project (FB18297643).

One final step, in your app target settings, make sure the App Icon Set Name matches the name of the Icon Composer icon file name (without the .icon extension):

App target setting primary app icon set name with value AppIcon

What About Alternate App Icons?

One thing that is missing is support for alternate app icons. I expected to be able to add alternate app icons to the project using Icon Composer. For example, if I create a purple variant of the icon named AppIcon-purple.icon and add it to the project:

Project navigator showing AppIcon and AppIcon-purple icon files

That should be enough for Xcode to generate the icons (making sure to have “Include all app icon assets” enabled in the build settings - see above). Unfortunately, setting the alternate icon name fails:

UIApplication.shared.setAlternateIconName("AppIcon-purple")

Investigating some reports from people that claimed to have it working I decided to compare what Xcode generates when I add the app icons to the asset catalog. This is what I see in the Info.plist:

Info.plist with CFBundleIcons~ipad and CFBundleIcons dictionaries containing CFBundleAlternateIcons

Adding those keys to the Info.plist of the target fixes the problem. Note that the ~ipad variant seems to be necessary for it to work on the iPad. Hopefully Apple fixes this in a future Xcode release (FB18233873).

Backwards Compatibility

One other problem I’ve seen is icons not rendering correctly on older iOS releases. For example, on iOS 16.4 the background is not rendered. This looks like a known issue, the workaround being to keep the asset catalog icons:

Icon Composer icons back deploy to older versions of iOS, macOS, and watchOS with inconsistent rendering. (152258860) Workaround: Keep the previous Asset Catalog app icon in your project until this issue is resolved.

Learn More