Your files stay on your device

SVG data URI converter

Turn SVG markup into a URL encoded or Base64 data URI with stripping options and byte sizes, or decode a data URI back to markup.

Paste markup or a data URI to convert it.

The URL form percent-encodes only what breaks a URI or CSS url(): angle brackets, #, %, braces, control characters, and non-ASCII. When your markup has no single quotes the doubles are swapped so the value fits inside url("..."). Base64 always encodes the markup as it is, which is why the two forms rarely agree byte for byte. Neither form can be recoloured with currentColor: a data URI is an isolated document. This tool strips, encodes, and sizes; it does not minify paths or optimise geometry.
Options

More encoding tools

- Base64 (/encoding/base64)
- URL encoder (/encoding/url-encoder)
- Image ⇄ Base64 (/encoding/image-base64)
All encoding tools (/encoding)

Was this tool useful?
YesNo

Canonical HTML: https://nutter.tools/encoding/svg-data-uri-converter
Markdown version: https://nutter.tools/encoding/svg-data-uri-converter.md
Plain-text version: https://nutter.tools/encoding/svg-data-uri-converter.txt
Agent index: https://nutter.tools/llms.txt