SVG to Base64

Turn SVG source into a Base64 or percent-encoded Data URI for CSS and HTML.

SVG to Base64
0 characters
Ready when you are

Add your input, adjust the options and run the tool.

—
Options

Upload one UTF-8 SVG (up to 10 MiB) or paste its source. All encoding outputs preserve the source; the separate preview removes active content and external resources.

Runs in your browser
No input saved

How to use this tool

01

Add your input

Paste text or choose a file. Try the example to get started.

02

Choose your options

Turn SVG source into a Base64 or percent-encoded Data URI for CSS and HTML.

03

Inspect and export

Review the processing notes, then copy or download the result. Continue with another tool if needed.

When to embed an image as Base64—and when to keep a file

Keep going

Browse every tool

SVG optimizer

Optimize static SVG coordinates and markup while retaining IDs and the viewBox.

Files

SVG to PNG

Render a static SVG at a chosen size and DPI. Active content and external references are removed.

Files

Data URI Inspector

Inspect MIME metadata, payload encoding and decoded bytes without opening active content.

Base64

Base64 encoder & decoder

Convert text and bytes with Unicode support, explicit diagnostics and complete control over your output.

Base64