ToolsOnline

Online SVG Code Editor

Validate, preview & minify SVG source with size stats

Width
—
Height
—
Source size (orig)
—
Source size (optimized)
—

      

About this SVG code editor

Paste SVG source on the left and the editor parses it as strict XML via DOMParser — syntax errors are reported with the parser's message — while the right side renders a live preview so you can edit and see changes side by side. Width / height and the UTF-8 byte size of the source are tracked as you type.

Hit Optimize to clean the markup in one click: comments are removed, numbers inside attribute values are rounded to 2 decimal places, whitespace-only text nodes are dropped, and the before / after byte sizes are compared. The optimized code is ready to copy. Everything runs locally — your SVG never leaves the browser.