SVG to Data URI
Convert SVG markup into a CSS-ready data URI.
Runs locally · Nothing uploaded
SVG markup
Data URI
Result will appear here…Advertisement
About SVG to Data URI
Encodes SVG markup as a compact URL-encoded data URI — the form that works reliably in CSS url() values across browsers, and usually smaller than Base64 for SVG. Quotes and special characters are escaped correctly, and a ready-to-paste background-image rule is included.
Related tools
Files & MediaRuns locally in your browser.Image to Base64Encode an image as a Base64 data URI for inline embedding.EncodingRuns locally in your browser.URL EncoderPercent-encode text so it is safe to place in URLs and query strings.Web & CSSRuns locally in your browser.HTML PreviewerPaste HTML and render it instantly in a sandboxed preview.