SVG to CSS Data-URI

Convert SVG markup into a CSS background image.

SVG input

Upload a file or paste markup. Your SVG stays in this browser.

Paste or type SVG code SVG markup

Ready for SVG input.

CSS Data-URI output

Live CSS preview