Guide

iOS 26 Liquid Glass App Icons — What Changed & How to Comply

June 11, 2026 · 9 min read

At WWDC 2025, Apple shipped its biggest visual redesign since iOS 7: Liquid Glass, a unified design language across iOS 26, iPadOS 26, macOS Tahoe, watchOS 26, and tvOS 26. App icons were not spared — they're now rendered by the system as layered, light-reactive glass objects rather than displayed as flat bitmaps.

If your icon was designed before 2025, it still works — but it can look noticeably dated next to icons that adopt the new layered format. This guide explains exactly what changed, how the new Icon Composer workflow fits into Xcode 26, and a practical checklist for updating an existing icon without breaking older OS versions.

What Actually Changed in iOS 26

1. Icons are rendered, not displayed

Pre-iOS 26, your 1024×1024 PNG was masked to a rounded rectangle and shown as-is. In iOS 26 the system composites your icon from layers and applies real-time treatments: specular highlights that respond to device motion, edge lighting, subtle depth between layers, and frosted translucency. A flat single-layer PNG still renders, but it receives only a generic glass treatment — it can't take advantage of per-layer depth.

2. Four appearance modes instead of one

iOS 18 introduced dark and tinted icon variants. iOS 26 extends this to a full set of rendering modes users can pick from the Home Screen customization sheet:

Default — your icon with the standard Liquid Glass treatment.
Dark — dark-appearance variant; the system can derive one, or you supply your own artwork for better results.
Clear — a mostly-transparent glass look (with light and dark flavors) where your icon's shapes appear as etched glass over the wallpaper.
Tinted — recolored to the user's chosen accent color (also light and dark flavors).

The practical consequence: your icon's silhouette and foreground shapes now matter more than its colors, because two of the four modes largely discard your palette. Icons that rely on a detailed full-bleed illustration with no clear foreground shape degrade badly in clear and tinted modes.

3. One icon for every platform

Apple unified icon shapes across platforms: macOS Tahoe adopted the same rounded-rectangle as iOS (freeform Mac icon shapes are masked now), and watchOS uses the same source artwork inside its circular mask. You can ship one layered icon and have it render appropriately on iPhone, iPad, Mac, and Apple Watch — a real workflow win for small teams. For the full current size matrix, see our iOS app icon sizes guide.

Icon Composer: the New Tool in the Pipeline

Apple ships a dedicated app for the new format: Icon Composer, available alongside Xcode 26. The workflow:

Design flat layers in your normal design tool (Figma, Sketch, Illustrator — or generate the artwork with AI). Export each layer separately as SVG or PNG: background, midground elements, foreground mark.
Import the layers into Icon Composer and stack them. Up to four layer groups get independent glass properties.
Tune glass properties per layer — specular highlights, blur, translucency, shadow — and watch the live preview respond.
Preview all modes — default, dark, clear, and tinted, in light and dark flavors — before you commit.
Export a single .icon file and drop it into your Xcode 26 project. Xcode uses it for iOS 26+ targets.

Backward compatibility

The .icon format is only understood by the 2025-era OS releases and newer. For older deployment targets, keep your classic 1024×1024 asset in the asset catalog — Xcode falls back to it automatically on iOS 18 and earlier. Ship both and each OS gets the best icon it can render. Our AppIcon.appiconset export tutorial covers the legacy half of that pair.

Design Rules That Changed

Don't bake in effects. Pre-rendered gloss, drop shadows, bevels, and fake glass now fight with the system's real treatments and look doubled-up. Keep source layers flat and let the system do the lighting.
Don't bake in rounded corners or borders. The mask is applied by the system; baked corners create visible halos, and edge-hugging borders get cropped unevenly. (This was already true pre-26 — see our icon rejection guide — but Liquid Glass makes the artifacts more obvious because edges catch simulated light.)
Design a strong foreground silhouette. Clear and tinted modes reduce your icon to shapes. If your mark reads well as a single-color glyph, you're safe in all four modes.
Prefer vector layers. SVG layers stay crisp through every size and treatment; raster layers should be supplied at 1024×1024.
Test on wallpaper extremes. Clear mode sits directly on the user's wallpaper — check legibility over both a busy photo and a flat color.

Migration Checklist for an Existing Icon

Separate your current icon into background / midground / foreground layers (or regenerate the artwork in layers).
Strip any baked-in shadows, gloss, or corner rounding from the source art.
Assemble and tune the layers in Icon Composer; export the .icon file.
Keep the flat 1024×1024 PNG in Assets.xcassets for older OS versions.
Preview all four appearance modes — fix anything illegible in clear or tinted.
Re-check your marketing assets: screenshots and your product page show the new rendering on devices running iOS 26 (see our screenshot design guide).

Where AI Generation Fits

The layered workflow actually plays to AI generation's strengths: what Icon Composer needs is clean, flat, well-separated artwork — exactly what a well-prompted generator produces. A common 2026 pipeline is: generate the base icon concept with AI, separate or regenerate it as flat layers, then do the glass tuning in Icon Composer. IconBundlr generates flat, mask-safe, 1024×1024 icon artwork specifically for this kind of pipeline, and exports the classic Xcode icon set for your backward-compatible asset in one tap.

Generate a Liquid Glass-Ready Icon in Seconds

IconBundlr creates flat, mask-safe icon artwork that drops straight into the Icon Composer workflow.

Try Free →