SVG to Base64
Paste SVG markup or drop a .svg file, and grab a Data URI you can drop straight into CSS, HTML, or JSON.
Preview appears here as you type valid SVG.
0 characters
Inline SVG the easy way
Inlining SVG icons as Data URIs cuts a network request and keeps assets co-located with the code that uses them. This tool encodes your markup, previews the result so you can verify the output, and spits out five ready-to-paste formats — raw Base64, Data URI, HTML <img>, CSS background-image, and Markdown.
Need to decode an SVG back from a Base64 string? Base64 to SVG decodes and renders the markup directly.