SVG to Data URI

Convert SVG markup into a data URI you can paste straight into CSS or img src.

SVG markup:

Data URI:

URI appears here…

Preview:

No preview yet.

How to use

Paste SVG, click Convert, and copy the data URI. Everything runs in your browser.

Which encoding is used?

UTF-8 with percent-encoding — safe for CSS url() and HTML attributes.

Can I use it as a CSS background?

Yes — copy the output into background-image: url("..."). A live preview is shown.

☕

Every tool runs 100% in your browser — no uploads, no signups. If a tool saved you time, consider supporting us with a small donation.