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 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.
How to Remove a Background in Figma (There Is No Built-In Way — Here Is What Works)
Figma has no background removal feature. The honest options are a third-party plugin that uploads your image to its vendor, or a hand-drawn vector mask — plus when each is actually the right call.
How to Make a Duotone in Photoshop (Gradient Map vs Duotone Mode)
Photoshop has two duotone features and the one named Duotone is usually the wrong one. Why Image > Mode > Duotone demands a Grayscale conversion, why Gradient Map is what you actually want, and how to keep it editable.
Crop your icon
Upload, trim each edge, and download the tightened glyph.