Preview, Edit & Convert SVGs Instantly

SVG to Data URI

Encode SVGs into minified, Base64, or URL-encoded Data URI strings. Paste the result directly into CSS background-image, HTML src attributes, or JSON payloads.

• Get minified, Base64, and URL-encoded variants in one place.
• Works entirely in the browser — your SVG never leaves your device.
• One-click copy for fast use in CSS, HTML, or JavaScript.

The converter first minifies the SVG by stripping whitespace between tags. It then produces three encodings: a plain minified data URI (smallest for simple SVGs), a URL-encoded data URI (safest for SVGs containing special characters), and a Base64 data URI (most compatible with legacy systems). All three are generated client-side using the TextEncoder, encodeURIComponent, and btoa APIs.

• Inlining SVG backgrounds in CSS without extra HTTP requests.
• Embedding vector graphics in HTML img src or object data.
• Shipping icons inside JSON payloads or CSS variables.