Icon Recomposer

Shapes

Apply edits to all variants

When on, changes to shapes, light and background go to every variant. Variant names stay separate.

Android guides Tracing guide

100%

Variants Current variant All variants

Sizes

Custom sizes (px)

Output Area Mask Transparent background

Adaptive icon layers always use the whole canvas with no mask, because the launcher applies its own.

Shapes Selected shapes All shapes

Variant

To

Apply to The ticked variants New copies of the ticked variants (originals stay as they are)

Design lit, layered app icons in the browser and export many variants as PNG. Your work stays in your browser.

Lit, layered app icons in a few steps

Add shapes. + Rect and + Circle add a shape. Drag it on the canvas to move it, and use its handles to resize or rotate it.
Give them a look. In the inspector, pick a Material and a Surface, and set the color, elevation and edges. Advanced holds the finer settings.
Light the scene. Drag the dot in Light to move the light. Every shape and the background follow the same light.
Try variants. Duplicate a variant to try another version side by side. Apply edits to all variants changes all of them at once.
Export. Export PNG… writes the Play Store icon, launcher icons and adaptive icon layers. Several files download as one zip.

Shift or Ctrl/Cmd-click selects several shapes, and dragging on empty canvas selects the shapes in a box.
The mouse wheel or a pinch zooms. Space-drag or the middle mouse button pans. Shift+1 fits the canvas.
Where two shapes overlap, Crossings in the inspector puts either one on top, so shapes can weave.
Hollow turns a shape into a frame or ring. Shapes marked Level with its neighbors that follow each other in the list sit side by side, so none of them casts a shadow on another.
Merge (Ctrl+G) turns the selected shapes into one object: one outline, one shadow, and edges and texture that run across the joints. Split (Ctrl+Shift+G) turns it back into its shapes.
Import… starts from an Android VectorDrawable.
Your work is saved in this browser as you go. Save keeps it as an .icjson project file.