التصميم والموارد

SVG Viewer

Preview raw SVG markup directly in the browser.

المزيد من التصميم والموارد

الإدخال

SVG Viewer

svgviewerpreviewdesign

الإخراج

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

أدوات مشابهة

Wave Divider CSS مولد

إنشاء wave divider CSS/SVG snippet.

SVG منسق

لـmat SVG markup مع consistent indentation.

SVG Optimizer

Strip comments و collapse whitespace in SVG markup.

SVG إلى Base64

Convert SVG markup into Base64 و data URI output.

SVG إلى Data URI

Convert SVG markup into a CSS-ready data URI.

Favicon مولد

Create a simple SVG favicon من initials و brو لونs.