Design & Assets
SVG Formatter
Format SVG markup with consistent indentation.
Input
SVG Formatter
svgformatterbeautifiermarkup
Output
Formatted SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 80"> <rect width="160" height="80" rx="18" fill="#0f172a"></rect> <circle cx="42" cy="40" r="18" fill="#38bdf8"></circle> <path d="M72 26h52M72 40h40M72 54h32" stroke="#e2e8f0" stroke-width="8" stroke-linecap="round"></path> </svg>
SVG preview
Live canvas
Related tools
CSS Formatter
Pretty-print CSS with readable indentation.
HTML Formatter
Pretty-print HTML with consistent indentation.
SVG Optimizer
Strip comments and collapse whitespace in SVG markup.
SVG to Base64
Convert SVG markup into Base64 and data URI output.
SVG to Data URI
Convert SVG markup into a CSS-ready data URI.
SVG Viewer
Preview raw SVG markup directly in the browser.