Rated 4.8 out of 5 from 1,250+ users. Used by 16,000+ marketers, founders and small businesses.

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

No signup required
Results in seconds
Free unlimited previews

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

01

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.

02

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.

03

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.

04

Transparency intact

The square keeps the alpha channel exactly, so the icon still drops into an interface with nothing behind it.

05

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

1

Upload the icon

A trimmed glyph is the usual input.

2

Take the square

The centred 1:1 crop applies immediately.

3

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.

Assistant
Ask or request a change…
Orbit
Original
Edits0

No edits yet.

Try it on your own image

Frequently Asked Questions

guidebranding

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.

guidehandoff

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.

4.8/5 from 1,250+ users

Square your icon

Centred 1:1, transparency intact.