- Home
- Make an Icon Square
Make an Icon Square
Crop an icon to a perfect centred square — the ratio manifests, tiles and store listings expect.
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.
Getting an icon back to 1:1
Manifests assume 1:1
App manifests, PWA icon sets, browser extension icons and favicon files are all specified as squares. A rectangular icon in one of those slots is either rejected outright or stretched by whatever renders it, and stretched is worse.
A trimmed icon is rarely square
If you have just trimmed an icon to its glyph, it almost certainly is not square any more — most glyphs are wider or taller than they are the other way. This is the step that puts it back.
Crops rather than pads
This takes a centred square out of the icon. That keeps the glyph at full size but removes the long sides, so anything running close to a left or right edge will be clipped. Pad to square instead if the glyph fills the frame.
Transparency intact
The square keeps the alpha channel exactly, so the icon still drops into an interface with nothing behind it.
Square, then resize
Get the ratio right first and the pixel size second. Manifests usually want a specific dimension as well as a square, and resizing a square is a single unambiguous step.
Icon ratio checklist
Trim, square, resize
That order gets you a glyph-tight, 1:1, correctly sized icon. Any other order means doing at least one step twice.
Crop clips, padding does not
If the glyph already runs to the edge, squaring by crop will cut it. Pad to square instead in that case.
Keep a 1024 master
Square the largest version you have and generate every declared size from it, never the other way round.
How to make an icon square
Upload the icon
A trimmed glyph is the usual input.
Take the square
The centred 1:1 crop applies immediately.
Download
Free preview, or the full-resolution icon in the app.
Where a square icon is required
App manifests
Meet the 1:1 requirement for a PWA or app icon set.
Extension icons
Supply the square sizes a manifest declares.
Favicons
Square a glyph before generating the favicon set.
Tile layouts
Give every icon the same ratio so a grid stops jumping.
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.