CSS to SVG
CSS to SVG
Paste CSS with embedded SVG background-image.
No items in queue
CSS to SVG
Extract SVG markup from CSS background-image data URIs and turn it back into editable vector code.
What you can paste
Single declarations, full CSS rule blocks, or entire stylesheets. The parser will detect embedded SVG data URIs and decode the first valid match.
background-image: url(\"data:image/svg+xml;base64,PHN2Zy...\");background-image: url(\"data:image/svg+xml,%3Csvg...\");Common use cases
- Recover icons from old CSS files
- Move embedded assets into design systems
- Debug broken encoded backgrounds in production
- Convert inline assets back into source SVG files
Output is plain SVG ready for inspection, editing, optimization, or framework conversion.
Frequently Asked Questions
Any CSS containing a background-image with an embedded SVG data URI.
We extract the first SVG found. For multiple, paste them separately.
Yes, paste the whole thing. We'll find and extract the SVG.
The CSS might have a corrupted or incomplete data URI. Check the source.