Remove an Icon Background
Take an icon off the coloured tile or plate it was exported on and keep only the glyph.
Free preview · No signup · ~10 seconds
Drop an icon on a plate or tile
PNG, JPG, WebP or SVG — up to 20 MB
Drop several at once — you can edit them all together in the app.
Runs entirely in your browser. Your image is never uploaded.
Lifting an icon off its plate
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.
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.
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.
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.
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
Upload the icon
Drop in the icon with its plate or tile.
Pick the plate colour
Set the picker to the actual plate colour, then raise tolerance until it clears, including the rounded corners.
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.
Or just ask
Describe the edit in your own words
Type what you want changed and the assistant does it on the canvas — each step lands as a layer you can reopen, so nothing it does is baked in.
No edits yet.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Fix Blurry or Fringed Edges on a Transparent PNG
Why your transparent PNG has a white halo, a grey fringe or soft edges — the four real causes, how to tell them apart in seconds, and the fix for each.
SVG vs PNG for Logos: Which File Do You Actually Need?
What SVG and PNG really are, where each one wins, why your developer keeps asking for the SVG, and the three files that cover almost every request.
How to Make a Duotone Image in Figma (Building One From Blend Modes)
Figma has no duotone effect. You assemble one from a desaturated image and two blended rectangles — here is the layer stack, the order that matters, and an honest account of what it costs to maintain.
Remove your icon background
Upload, pick the plate colour, and download the glyph alone.