Icon Editor
Pick a built-in icon or upload SVG, PNG, JPG, or WebP, then resize, recolor, pad, rotate, flip, border, and round corners. Runs in your browser.
🔒 This tool runs entirely in your browser. Your files are never uploaded to a server.
256 × 256 px
Drag & drop an image here, or use Upload
Icon
SVG, PNG, JPG, or WebP — up to 5 MB. Files are never uploaded anywhere.
Edit
For uploads, "Apply" forces this single color onto the icon.
Export
ICO bundles 16–256 px. SVG exports vector sources only.
Favicon package
5 sizes selectedZIP includes renamed PNGs (favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png…), favicon.ico, site.webmanifest & an HTML snippet. Everything is generated locally.
How it works
- Pick a built-in icon, or upload your own SVG, PNG, JPG, or WebP.
- Resize the canvas and adjust padding, background, color, rotation, flip, border, corner rounding, and opacity — the preview updates live.
- Download the result as PNG, or as SVG for vector-based icons.
FAQ
Can I import my own icon or image?
Yes — upload an SVG, PNG, JPG, or WebP file (up to 5 MB) and it replaces the built-in icon set as your working image, with every control below applying to it.
What can I change about an icon?
Canvas size, padding, background color or transparency, icon color, rotation, horizontal or vertical flip, border width and color, corner rounding, and opacity.
Can I recolor an uploaded image, not just the built-in icons?
Yes, with the "Apply" toggle next to Icon color. For uploaded SVGs it overrides fill and stroke colors across the shapes. For uploaded PNG/JPG/WebP images it tints every visible pixel to one solid color, which works best on icons with a transparent background rather than photos.
What formats can I export?
PNG at your chosen canvas size, always. SVG export is also available for the built-in icons and uploaded SVGs — since it stays true vector markup — but not for uploaded PNG/JPG/WebP images, which only export as PNG.
Is my work uploaded anywhere?
No — every edit and export happens in your browser using inline SVG and canvas. Uploaded files never leave your device.
Does resizing an icon lose quality?
Built-in icons and uploaded SVGs stay sharp at any size because they're vector — resizing just redraws the paths. Uploaded PNG, JPG, or WebP images are raster, so enlarging one well past its original resolution will look soft or blurry, the same as in any image editor.
Can I use this to convert an SVG to PNG?
Yes — upload an SVG (or pick a built-in icon), set the canvas size you want, and export as PNG. Note that PNG, JPG, or WebP uploads only export back out as PNG, not SVG, since there's no vector source to preserve.
How we compare
| Feature | Online Tool Store | Vector design software | Hand-editing SVG code |
|---|---|---|---|
| No install | ✓ | ✗ | ✓ |
| Visual controls, no code to edit | ✓ | ✓ | ✗ |
| Free | ✓ | ✗ | ✓ |
Full vector editors are overkill for resizing, recoloring, or framing an icon. Icon Editor covers the everyday edits — color, padding, border, rounding, rotation — in seconds, without opening design software or touching SVG markup by hand.