SVG Editor - Recolor, Optimize & Export

The SVG Editor is a focused, browser-only tweaker for SVGs you already have. It sits between SVGOMG (optimization only) and full vector apps like Inkscape, Boxy SVG, or Figma (which require an install or an account). Open any SVG, edit the source live with a paired preview, and ship it - no upload, no signup, no watermark.

The high-frequency operations are surfaced as one-click tools: recolor any detected fill or stroke through a picker (with usage counts), bulk-multiply every stroke-width to make an icon thinner or chunkier, and edit the width, height, and viewBox attributes inline. The optimize pass strips comments, the XML declaration, editor metadata from Inkscape and Sodipodi, empty groups and defs, redundant whitespace, and rounds path numbers to three decimal places - usually saving 20-40% of the byte count without touching how the SVG renders.

Export goes wherever you need it next: download the .svg, copy the source to your clipboard, copy as a data URI for inline CSS or HTML, copy as React JSX with camelCase attributes and className, or rasterize to PNG at 1x, 2x, or 4x using the same renderer as the SVG-to-PNG converter. Everything runs locally - turn off the network after the page loads and the editor keeps working.