Are my files uploaded to a server?

No. This tool runs entirely in your browser — your files never leave your device, which makes it fast and completely private.

Base64 or URL-encoded — which should I use?

For SVG, the URL-encoded data URI is usually smaller than Base64. Both work in CSS backgrounds and tags; pick whichever is shorter for your file.

🔡

SVG to Base64

Encode an SVG as a Base64 data URI.

Loading tool…

How to use the SVG to Base64

1Drop an SVG file or paste your SVG code.
2Copy the Base64 data URI, the smaller URL-encoded version, or the ready-made CSS.
3Paste it straight into your HTML or CSS — no image file needed.

About the SVG to Base64

Free SVG to Base64 encoder — turn an SVG into a data URI you can embed directly in HTML or CSS, with ready-to-copy base64, URL-encoded and CSS background snippets. In your browser.

Part of our Developer Tools collection. Browse all tools.

Frequently asked questions

Are my files uploaded to a server?: No. This tool runs entirely in your browser — your files never leave your device, which makes it fast and completely private.
Base64 or URL-encoded — which should I use?: For SVG, the URL-encoded data URI is usually smaller than Base64. Both work in CSS backgrounds and <img> tags; pick whichever is shorter for your file.