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>