Design & Assets

SVG Viewer

Preview raw SVG markup directly in the browser.

More Design & Assets

Input

SVG Viewer

svgviewerpreviewdesign

Output

SVG markup

Characters

277

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 80">
  <rect width="160" height="80" rx="18" fill="#0f172a" />
  <circle cx="42" cy="40" r="18" fill="#38bdf8" />
  <path d="M72 26h52M72 40h40M72 54h32" stroke="#e2e8f0" stroke-width="8" stroke-linecap="round" />
</svg>

SVG preview

Live canvas

Related tools

Wave Divider CSS Generator

Generate wave divider CSS/SVG snippet.

SVG Formatter

Format SVG markup 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.

Favicon Generator

Create a simple SVG favicon from initials and brand colors.