SVG Code Editor <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200"> <defs> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#3498db" /> <stop offset="100%" stop-color="#9b59b6" /> </linearGradient> <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"> <feDropShadow dx="3" dy="3" stdDeviation="3" flood-color="rgba(0,0,0,0.5)" /> </filter> </defs> <rect x="20" y="20" width="160" height="160" fill="url(#grad1)" filter="url(#shadow)" rx="15" /> <circle cx="100" cy="100" r="50" fill="#e74c3c" filter="url(#shadow)" /> <text x="100" y="110" text-anchor="middle" fill="white" font-family="Arial" font-size="24" font-weight="bold"> SVG Preview </text> </svg> Update Preview Clear Examples Circle Rectangle Star Text Gradient Animation Export SVG Live Preview Zoom In Zoom Out Reset Zoom Log in to post comments