SVG Prettifier - Format SVG Code

Pretty-print SVG with proper indentation. Make minified SVG readable for editing. Browser-based, instant formatting.

Input SVG

Formatted SVG

Indent:

Frequently Asked Questions

It adds proper indentation and line breaks to make SVG code readable. Single-line minified SVG becomes properly formatted.

No. The rendered image stays identical. Only the source code formatting changes.

Yes. Choose 2 spaces, 4 spaces, or tabs for indentation.

Yes. Processing happens in your browser. No data is sent to any server.

Yes. All attributes are preserved exactly. Only whitespace and line breaks are added.

Yes. Paste the SVG code from your HTML file. The formatted output can replace the original.

Style blocks within SVG are preserved. For CSS formatting, use our CSS Formatter separately.

Yes. Processing happens in your browser. Large files may take a moment but work correctly.

Use our SVG Optimizer or minifier to compress the formatted SVG back to a single line.

Yes. XML namespaces, xlink attributes, and other SVG-specific elements are fully preserved.