Skip to content

Checked

App icon

An app icon is the image that stands for an app on the home screen, in search and in settings. Both platforms build it from a background and foreground layers, and the system applies the mask and the effects.

Why it matters

The icon is the one piece of design people see before they open the app, and the system crops, masks and lights it, so a design that ignores the safe zone is cut.

Layers let the system respond to the environment, so the design supplies shapes and not finished effects.

App icon on iOS and Android

Also called Adaptive icon, Launcher icon, Layered icon. The same idea in each system, with the values Appetite UI gives it.

App icon at a glance, iOS, Android, Appetite UI
ValueiOSAndroidAppetite UI
NameApp icon, layered with Liquid Glass attributesAdaptive icon: foreground and background layersNot drawn
LayersA background layer and one or more foreground layersForeground and background, plus an optional monochrome layerSee below
Size and safe zoneThe system scales the effects with the icon sizeLayers 108 by 108 dp, safe zone 66 by 66 dp, logo at least 48 dpSee below

In Appetite UI

The kit does not draw an app icon. It holds the brand marks of Apple system dialogs, and the app icon is yours to design at the sizes of each platform.

Example

An Android icon keeps the logo inside the inner 66 dp of a 108 dp layer, so a circular or squircle mask never cuts it, and adds a monochrome layer for themed icons.

Common mistakes

  • Baking a shadow or mask into the layers, which the system adds.
  • A logo larger than the safe zone, which a mask clips.
  • One flat image where layers would give depth.
  • Text in the icon that is unreadable at small sizes.

Questions

What size is an Android adaptive icon?

Each layer is 108 by 108 dp. The inner 66 by 66 dp is never clipped by a mask, and Android Developers asks for a logo of at least 48 dp that does not exceed 66 dp.

Do iOS icons use layers?

Yes. iOS and iPadOS icons include a background layer and one or more foreground layers, and the system gives them Liquid Glass attributes.

Sources

The pages the facts above rest on, each read October 30, 2026.

  1. Apple Human Interface Guidelines: App icons
  2. Android Developers: Adaptive icons