How to Turn a Logo into Android Adaptive Icon Layers

By Lyxvo · Published November 2, 2026 · 4 min read

To turn a logo into Android adaptive icon layers, you split the artwork into a foreground layer and a background layer, keep the important parts inside the safe zone, and export both at the sizes Android expects. This guide walks through the rules and a practical workflow you can repeat for every app.

What adaptive icons are on Android

Android adaptive icons are launcher icons built from two stacked layers: a background and a foreground. The launcher, the device manufacturer or the user's theme can mask these layers into different shapes, such as circles, squircles or rounded squares. Because the mask changes, your logo must survive being cropped.

This is why a flat logo file is not enough. You need the logo separated into layers, with the brand mark placed so it stays visible under every mask.

The sizes and safe zone rules

The core rules for adaptive icon layers are stable, but always confirm the current guidance in the official Android developer documentation before you ship, since platform details can change between releases.

Rule of thumb: if a shape or letter touches the edge of the 108 dp canvas, it will probably be clipped. Keep the logo compact and centred.

Step 1: Prepare the logo as a clean vector

Start from the vector version of your logo, not a small PNG. Vectors scale to every density bucket without blur. Check these points:

• Remove text that will be too small at launcher size.
• Simplify fine details, since thin lines disappear at 48 dp.
• Confirm the mark reads clearly in one colour.
• Decide what becomes the background (a solid colour, gradient or pattern) and what stays as the foreground mark.

Step 2: Split the artwork into two layers

A simple, reliable split looks like this:

1. Background layer: a solid colour or a subtle pattern that fills the full 108 dp canvas.
2. Foreground layer: the logo mark only, transparent around it, centred and sized to sit inside the safe zone with some breathing room.

Keep the background free of the logo itself. If the brand mark sits on the background, the mask can cut it in half.

Example

A coffee brand with a cup symbol: the background is a warm brown fill. The foreground is the white cup, scaled so that its widest point stays inside the central 72 dp circle. Nothing important touches the outer band.

Step 3: Test under every mask

Before exporting, preview the icon with at least three masks: circle, rounded square and squircle. Look for clipped corners, off-centre marks and low contrast between foreground and background. Adjust the scale and centre until the logo holds up in all of them.

Step 4: Export every size

Android needs the layers at several density buckets, plus a legacy square icon and the Play Store icon. Export at least:

• Foreground and background layers for each density (mdpi through xxxhdpi).
• A square legacy launcher icon.
• A 512 x 512 px store icon.

If you handle exports by hand, keep a naming checklist so every density matches. Missing one bucket is a common cause of blurry or wrong icons on certain phones.

How to do this in Lyxvo AI

Lyxvo AI's design agent can create logos and brand kits that include every Android, iOS and web icon size, so you can start from your brand mark and generate the full icon set in one place. You can start on the AI logo generator or open the logo format directly in the logo studio.

For the app icon itself, the app icon generator is the right tool page. Inside the Lyxvo editor you can adjust text, photos and colours directly, and use Magic Resize to fit the same mark to other formats. Exports include PNG at real size and SVG, so you can keep the vector source for future edits. Check the Lyxvo docs for the exact export options available on your plan.

Common mistakes to avoid

• Logo too large: it looks cramped under a circle mask.
• Background contains the logo: masking splits the mark.
• Relying on a single PNG: blurry on high-density screens.
• Forgetting the legacy icon: older launchers show the wrong image.
• No dark-mode or themed check: Android may tint icons, so test contrast.

Quick checklist

• [ ] Logo exported as vector
• [ ] Background layer fills the full 108 dp canvas
• [ ] Foreground mark sits inside the central 72 dp circle
• [ ] Tested with circle, rounded square and squircle masks
• [ ] All density buckets exported
• [ ] Legacy square icon and 512 px store icon created

Follow these steps and your logo will look sharp and intentional on every Android launcher, not just the one you tested on.