Design & Assets

SVG Formatter

Format SVG markup with consistent indentation.

More Design & Assets

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.