SVG Pro
Studio
PROFESSIONAL DESIGNS
G
W
B
T
Copy
Export
SVG Source
<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#8B5CF6" /> <stop offset="100%" stop-color="#EC4899" /> </linearGradient> </defs> <rect x="50" y="50" width="300" height="300" rx="40" fill="url(#gradient)" /> <circle cx="200" cy="200" r="80" fill="white" fill-opacity="0.2" /> <text x="200" y="215" font-family="sans-serif" font-size="24" fill="white" text-anchor="middle" font-weight="bold">SVG EDITOR</text> </svg>
Render Canvas
SVG EDITOR
LIVE VIEW
Preview Mode