Formatting
The tool parses SVG source, serializes it as XML, and adds readable line breaks and two-space indentation.
Use cases
Use it before manual source edits, code reviews, documentation examples, and debugging compact SVG exports.
Format SVG/XML source with line breaks and indentation.
Loading...
Page context
XML Formatter formats SVG/XML source with line breaks and indentation.
The tool parses SVG source, serializes it as XML, and adds readable line breaks and two-space indentation.
Use it before manual source edits, code reviews, documentation examples, and debugging compact SVG exports.
Editor metadata, comments, empty and hidden elements, redundant group nesting, default attribute values, and excess decimal precision make up most SVG waste. These are the first targets because removing them rarely changes rendering.
Rendering-safe options come first: the viewBox, referenced IDs, gradients, filters, and masks survive, while active content such as scripts is removed. Stronger passes exist but deserve a visual check.
Compare the original and the result at small and large sizes, and confirm anything CSS selectors or animation targets reference still resolves. The byte delta is reported so the size-versus-risk trade stays explicit.
Designer-exported files commonly shrink 20-60%. Hand-written or previously optimized files shrink far less, which is expected rather than a sign the tool missed something.
Format SVG/XML source with line breaks and indentation.
Choose an SVG file, paste SVG markup, or load the sample to begin.