Design e Recursos

SVG Viewer

Preview raw SVG markup directly in the browser.

Mais de Design e Recursos

Entrada

SVG Viewer

svgviewerpreviewdesign

Saída

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

Ferramentas relacionadas

Wave Divider CSS Gerador

Gerar wave divider CSS/SVG snippet.

SVG paramatador

paramat SVG markup com consistent indentation.

SVG Optimizer

Strip comments e collapse whitespace in SVG markup.

SVG para Base64

Convert SVG markup into Base64 e data URI output.

SVG para Data URI

Convert SVG markup into a CSS-ready data URI.

Favicon Gerador

Create a simple SVG favicon de initials e bre Cors.