Online Tool Store Online Tool Store

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

Output size
px
Background
Icon color

For uploads, "Apply" forces this single color onto the icon.

Border: 0px

Export

ICO bundles 16–256 px. SVG exports vector sources only.

Favicon package

5 sizes selected
180 → apple-touch-icon · 192 / 512 → android-chrome

ZIP 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

  1. Pick a built-in icon, or upload your own SVG, PNG, JPG, or WebP.
  2. Resize the canvas and adjust padding, background, color, rotation, flip, border, corner rounding, and opacity — the preview updates live.
  3. 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

FeatureOnline Tool StoreVector design softwareHand-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.

Explore related tools

Embed this tool

Paste this on your own site — it stays free, and every file still stays in your visitor's browser, not yours or ours.