Resize an Icon
Set an icon to the exact square that a store, a browser, or a design system asks for.
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 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 size you need. A square icon comes out at exactly that; a wider one is scaled to fit it rather than squashed into it.
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.
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 Make a Duotone Image in Figma (Building One From Blend Modes)
Figma has no duotone effect. You assemble one from a desaturated image and two blended rectangles — here is the layer stack, the order that matters, and an honest account of what it costs to maintain.
How to Make a Logo White in Photoshop (3 Methods, One of Them Non-Destructive)
Color Overlay, Lock Transparent Pixels, and why Hue/Saturation is the wrong tool even though Lightness looks like it works — plus the fringe that makes a white logo look dirty on a dark background, and how to remove it.
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.
Resize your icon
Upload, set the square, and download at the exact size.