Crop an Icon
Trim the empty margin off an exported icon one edge at a time, so the glyph sits flush in its own frame.
Free preview · No signup · ~10 seconds
Drop an icon
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.
Trimming the margin off an exported icon
One slider per edge
Each side is trimmed by a percentage of the original dimension, so you can take a margin off the left without disturbing the top. For removing an uneven export margin that is more precise than dragging a box.
Optical centring
Design tools export with the bounding box, not the visual weight. A glyph that leans right will look off-centre in a square tile even though it is mathematically centred. Trimming unequal amounts is how you correct that.
Cropping is lossless
Nothing is resampled. The pixels left are exactly the pixels you started with, so cropping costs no sharpness at all — unlike resizing.
Transparency survives
Alpha is untouched by the crop, so a transparent icon stays transparent with its edges intact.
Crop first, then resize
Trim to the glyph before setting a final pixel size. Resizing first means you scale the margin along with the icon and then have to crop into a resampled image.
How to crop an icon
Upload the icon
Drop in the exported icon.
Trim each edge
Drag the left, right, top, and bottom sliders. The result updates live beside the original.
Download
Take a free preview, or download the full-resolution file with one credit.
When cropping an icon helps
Removing export margins
Trim the whitespace a design tool wrapped around the glyph.
Optical centring
Trim unequal amounts so a glyph looks centred rather than measuring centred.
Squaring an icon
Bring a slightly rectangular export closer to square.
Extracting from a sheet
Cut one glyph out of a contact sheet or 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 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.
How to Make a Logo White in Photoshop (3 Methods, One of Them Non-Destructive)
Color Overlay, Lock Transparent Pixels, and why Hue/Saturation is the wrong tool even though Lightness looks like it works — plus the fringe that makes a white logo look dirty on a dark background, and how to remove it.
How to Replace a Color in Canva (What's Possible on Elements, and What Isn't on Uploads)
Canva can swap colors on vector elements one swatch at a time. On an uploaded photo or PNG there is no per-color control at all — here is the full picture, including the Duotone approximation and its limits.
Crop your icon
Upload, trim each edge, and download the tightened glyph.