Icon Cleaner

Remove an Icon Background

Take an icon off the coloured tile or plate it was exported on and keep only the glyph.

Describe the edit — the AI assistant does it on the canvas.

2 free credits · No signup · ~10 seconds

No signup required
Results in seconds
2 free credits included

Drop an icon on a plate or tile

PNG, JPG, WebP or SVG — up to 30 MB

Runs entirely in your browser. Your image is never uploaded.

Lifting an icon off its plate

01

Plates are usually one flat colour

Most icons ship on a solid tile — a rounded square, a circle, a coloured chip. That plate is a single flat value, which is the easiest possible case for colour matching and why this works in one pass.

02

Pick the plate, not white

The default is white, but if your icon sits on a brand-coloured chip, set the picker to that colour instead. Trying to remove a blue plate with white selected will do nothing at all.

03

When the glyph shares the plate colour

A white glyph on a coloured plate is straightforward. A white glyph on a white plate is impossible by colour alone — there is nothing to distinguish them. In that case you need the shape, not the colour, which means a different tool.

04

Rounded corners leave a fringe

A rounded plate is anti-aliased at its corners, so a ring of intermediate pixels survives a tight tolerance. Raise it slightly to sweep those up, or crop the corners off afterwards.

05

The result is a real cut-out

Alpha is set to zero where the plate was, so the glyph keeps its own anti-aliased edges and drops onto any surface without a halo.

How to remove an icon background

1

Upload the icon

Drop in the icon with its plate or tile.

2

Pick the plate colour

Set the picker to the actual plate colour, then raise tolerance until it clears, including the rounded corners.

3

Download

Take a free preview, or download the full-resolution transparent PNG with one credit.

When you need the glyph alone

Normalising an icon set

Strip inconsistent plates so a mixed set behaves uniformly.

Reusing app icons

Take a store icon off its tile for use inside the interface.

Custom backgrounds

Put your own shape behind a glyph instead of the one it shipped with.

Extracting from a sheet

Pull a single glyph off a contact sheet or a screenshot.

Used by designers, indie devs & students at

What people use it for

The jobs the editor was built around — and what it does differently on each one.

Colourways you can revisit

Every edit is a layer, not a bake. When the brand shifts, reopen the file and change the colour rather than rebuilding the variant from the original.

Cutouts with awkward edges

AI background removal that keeps hair, foliage and soft shadows instead of stamping a hard outline around them. The output is a transparent PNG, ready to place.

No export, edit, re-import loop

The Framer plugin runs on the canvas you are already working in, so a recolour or a cutout does not mean a round trip through a second application.

Ten options in the time one used to take

Recolour once and step through the alternatives, so a client review can look at the whole range instead of the one version there was time to make.

Brand colours matched exactly

Pick a colour straight off an existing asset and get the hex, rather than eyeballing it against a screenshot and hoping it is close enough.

Free to preview, priced per export

Previewing is unlimited and costs nothing. A credit is spent only when you download a full-resolution file, so exploring an idea is never the expensive part.

Frequently Asked Questions

4.8/5 from 1,250+ users

Remove your icon background

Upload, pick the plate colour, and download the glyph alone.

Remove the Background