Remove the Space Around an Icon
Crop an icon tight to the glyph so it matches the optical size of every other icon in your set.
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.
Why icon padding matters more than logo padding
Inconsistent padding is why sets look wrong
Icons pulled from different sources carry different amounts of built-in margin. Rendered at the same box size, one looks large and the next looks small — not because the glyphs differ but because their padding does. Trimming them all to their own bounds is what makes a mixed set look designed.
Trim, then set the padding once
Strip every icon to its glyph, then apply one consistent clear space across the whole set. That is the only way to get optical consistency, and it is much easier to reason about than adjusting each icon against the others.
Trimming changes the aspect ratio
A tightly trimmed icon is no longer square, because most glyphs are not. If the destination expects a square, square it back up afterwards rather than relying on the original padding to do it.
Not for app icons
App and launcher icons are specified with a required safe area — the padding is part of the spec, not an accident. Trim interface icons, not the ones you submit to a store.
Alpha preserved
The glyph comes back with its transparency intact, ready to drop into an interface at whatever size you need.
Building a consistent icon set
Trim all, then pad all
Optical consistency comes from applying one padding value to a set of tightly trimmed glyphs — never from adjusting icons against each other.
Leave store icons alone
App store and launcher icons have a specified safe area. That padding is required, not accidental.
Expect a rectangle
A trimmed glyph is only square if the glyph was. Square it back afterwards if the slot demands it.
How to remove the space around an icon
Upload the icon
A transparent PNG export.
Trim to the glyph
The default removes fully transparent margin. Adjust the tolerance for a soft-edged glyph.
Download
Free preview, or the full-resolution icon in the app.
Where a tight icon is required
Normalising a mixed set
Make icons from different sources render at the same optical size.
Interface icons
Strip built-in padding so your own spacing rules apply.
Button and toolbar glyphs
Get consistent alignment inside a fixed control.
Icon font preparation
Give every glyph a tight bounding box before packaging.
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
What to DIY and What to Pay a Designer For
Where design money actually earns its return at pre-seed, where it doesn't, and the honest line between the work worth commissioning and the work worth doing yourself.
Making Your Pitch Deck Look Consistent (Logos, Screenshots, Charts)
Why a deck looks amateur even when every slide is fine on its own — and the four mechanical fixes that make forty slides read as one document.
What Your Developer Actually Needs From Your Logo
The handoff spec nobody writes down: which logo file goes in which slot, why the 4 MB PNG breaks the header, what an OG image is, and the five files that end the back-and-forth.
Trim your icon
Tight to the glyph, transparency intact.