Your icon is not the shape you drew it
Since Android 8, launchers do not display your icon file. They take a foreground layer and a background layer, each 108×108 dp, stack them, and cut the result to the launcher's own shape: a circle on Pixels, a squircle on Samsung, a rounded square on many others, a teardrop on a few. Only the central 66 dp circle is guaranteed to survive every mask. A logo that fills the square loses its corners on every phone, and a wordmark that runs edge to edge loses its first and last letters.
This previewer shows your icon under all four masks at once, with the safe zone drawn on, so you can see exactly what each launcher would cut.
Fixing an icon that gets cropped
- Reduce the foreground scale. The slider shrinks your artwork inside the canvas. Around 60–70% keeps most logos inside the safe zone.
- Give the background a solid colour. The background layer is what fills the mask. A brand colour looks right in every shape; a photo or gradient with a focal point does not.
- Use the mark, not the wordmark. Text is the first thing a circular mask destroys. If your logo is only a word, use its initial.
- Do not pre-round the foreground. Android masks it. Rounded artwork inside a rounded mask shows a thin ring of background.
Where this fits when you make your app
The builder generates the adaptive icon from the single image you upload, so what you are checking here is that image. Preview it, adjust the padding in the icon generator until the safe zone holds everything that matters, then use that output. Because a website app's icon is the site's logo, the safe-zone version is often a slightly smaller mark on a solid brand colour — which is also what looks best at 48 pixels. The icon guide →