codeDev Tools
SVG to CSS Converter
Convert SVG to CSS background-image, data URI, or encoded SVG.
Input SVG
upload
Paste SVG code or click to upload
CSS Output
Convert SVG to CSS background-image, data URI, or encoded SVG.
Convert SVG markup into a CSS background-image data URI or an optimised base64-encoded string. The output can be used directly in a CSS url() value to embed SVGs as backgrounds without an HTTP request. Also minifies the SVG before encoding to reduce size. Useful for icon backgrounds and decorative elements in CSS.