SVG Viewer & Encoder

Preview SVG code instantly. Encode as Base64 data URI for HTML img tags and CSS backgrounds.

SVG code

Preview

Dimensions: 100 × 100Size: 452 B

Encoded outputs

data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%0A  %3Cdefs%3E%0A    %3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%0A      %3Cstop offset=%220%25%22 stop-color=%22%23818cf8%22/%3E%0A      %3Cstop offset=%22100%25%22 stop-color=%22%2334d399%22/%3E%0A    %3C/linearGradient%3E%0A  %3C/defs%3E%0A  %3Ccircle cx=%2250%22 cy=%2250%22 r=%2245%22 fill=%22url(%23g)%22 opacity=%220.9%22/%3E%0A  %3Cpath d=%22M30 50 L45 65 L70 35%22 stroke=%22white%22 stroke-width=%224%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E