"
Skip to content
tools
.znclabs
All Tools
About
Contact
TR
EN
Home
/
Design Tools
/
SVG to CSS Data URI Converter
SVG to CSS Data URI Converter
Paste your SVG code and get a URL-encoded or Base64 CSS data URI.
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="#7c5cfc"/></svg>
Encoding Method
URL-Encoded (smaller)
Base64
Output
Copy
Preview
Ad space
Related Tools
Custom CSS Scrollbar Generator
App Icon Generator
SVG Blob Shape Generator
CSS Filter Generator
Color Contrast Checker
CSS Grid Generator