Resize an Icon
Set an icon to the exact square that a store, a browser, or a design system asks for.
Describe the edit — the AI assistant does it on the canvas.
2 free credits · No signup · ~10 seconds
Drop an icon
PNG, JPG, WebP or SVG — up to 30 MB
Runs entirely in your browser. Your image is never uploaded.
Why icon sizes are so specific
The sizes that actually get asked for
Favicons want 16, 32, and 180. Web app manifests want 192 and 512. App stores want 512 and 1024. Design systems usually standardise on 16, 20, 24, and 32 for interface icons. Almost all of them are square.
Always go down, never up
Export or resize from the largest version you have. Enlarging a 32-pixel icon to 512 produces a soft, blocky result, because the detail was never captured — no amount of resampling invents it.
Small sizes need different artwork
An icon designed at 512 rarely survives being scaled to 16. Thin strokes vanish and detail turns to mush. Proper icon sets are redrawn at small sizes rather than scaled, so treat a downscaled 16-pixel icon as a stopgap.
Transparency is preserved
Alpha is resampled with the colour, so a transparent icon stays transparent at the new size.
SVG avoids all of this
A vector icon renders crisply at every size from one file. If you have an SVG, use it. This tool is for the common case where a raster export is what you were given.
How to resize an icon
Upload the icon
Drop in the largest version you have.
Set the size
Enter the square you need, or set width only and leave height at zero to keep the ratio.
Download
Take a free preview, or download the full-resolution file with one credit.
Where exact icon sizes are required
App store icons
Hit the 512 and 1024 squares the stores require.
Favicons
Produce the 16, 32, and 180 pixel versions browsers ask for.
Interface icons
Standardise a set on 16, 20, 24, or 32.
Web app manifests
Generate the 192 and 512 entries a manifest expects.
Used by designers, indie devs & students at
What people use it for
The jobs the editor was built around — and what it does differently on each one.
Colourways you can revisit
Every edit is a layer, not a bake. When the brand shifts, reopen the file and change the colour rather than rebuilding the variant from the original.
Cutouts with awkward edges
AI background removal that keeps hair, foliage and soft shadows instead of stamping a hard outline around them. The output is a transparent PNG, ready to place.
No export, edit, re-import loop
The Framer plugin runs on the canvas you are already working in, so a recolour or a cutout does not mean a round trip through a second application.
Ten options in the time one used to take
Recolour once and step through the alternatives, so a client review can look at the whole range instead of the one version there was time to make.
Brand colours matched exactly
Pick a colour straight off an existing asset and get the hex, rather than eyeballing it against a screenshot and hoping it is close enough.
Free to preview, priced per export
Previewing is unlimited and costs nothing. A credit is spent only when you download a full-resolution file, so exploring an idea is never the expensive part.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Get Your Website Ready for Google WebMCP
A step-by-step guide to exposing WebMCP tools on your site — the imperative and declarative APIs, how to test them, and the real security downsides.
The Best Free Design Tools for Indie Developers
A working set of free design tools for developers shipping solo — UI, icons, fonts, colour, illustration and asset prep — with the real free-tier limits.
How to Batch Recolor Images (Without Opening Each One)
Three honest ways to recolor a whole folder at once: a browser batch tool, a Photoshop action, and ImageMagick — plus which operations survive batching.
Resize your icon
Upload, set the square, and download at the exact size.