Live Editor
1<svg width="400" height="200" viewBox="0 0 400 200" xmlns="http://www.w3.org/2000/svg">
2  <defs>
3    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
4      <stop offset="0%" style="stop-color:rgb(79,70,229);stop-opacity:1" />
5      <stop offset="100%" style="stop-color:rgb(147,51,234);stop-opacity:1" />
6    </linearGradient>
7    <filter id="shadow">
8      <feDropShadow dx="0" dy="4" stdDeviation="4" flood-opacity="0.3"/>
9    </filter>
10  </defs>
11  <rect width="400" height="200" rx="24" fill="url(#grad1)" filter="url(#shadow)" />
12  <circle cx="200" cy="100" r="60" fill="white" fill-opacity="0.1" stroke="white" stroke-width="1.5" />
13  <text x="200" y="115" font-family="Inter, system-ui, sans-serif" font-size="24" font-weight="900" text-anchor="middle" fill="white" style="letter-spacing: 2px;">SVG PREVIEW</text>
14  <path d="M140 160 Q 200 120 260 160" stroke="white" stroke-width="3" fill="transparent" stroke-linecap="round" opacity="0.6" />
15</svg>
SVG PREVIEW