SVG to Data URI

Convert your SVG vectors into high-performance, browser-ready Data URIs for CSS backgrounds or inline HTML.

Raw SVG Code

Data URI Result

Base64

Visual Preview

Waiting for valid SVG input...

CSS Usage Example

.element {
background-image: url("...");
background-repeat: no-repeat;
}

Tip: Use URL encoding (non-Base64) for smaller file sizes and better gzip compression. Base64 is useful for embedding in environments that don't support special characters.