- Vault 80
  
  Flat colour palettes, colour palette generators, tints, shades & hues generator, and a visual CSS editor.
- Changelog Creator
  
  Create and share professional-looking changelogs easily!
- Image Editor
  
  Resize and convert images easily!
- Favicon Generator
  
  Generate favicons from images!
- SVG to CSS
  
  Convert SVG to CSS!
- Base64 Encoder
  
  Encode and decode Base64!
- JSON Formatter
  
  Format JSON!
- Image Editor
  
  Edit images easily!
- Code Playground
  
  Create and share HTML, CSS, and JavaScript snippets!
SVG to CSS Converter - Vault 80
- Vault 80 Tools
  
  Flat colour palettes, colour palette generators, tints, shades & hues generator, and a visual CSS editor.
  
  CSS Gradient Cards
  Colour Tints, Shades & Hues Generator
  CSS Editor
  Colour Combination Toolkit
  Colour Palette Generator
  Web Mockup Screenshot Generator
  Mesher (Mesh Gradients) CSS Gradient Generator
Sponsors
- Buy me a coffee
  
  If you like my work, please consider buying me a coffee. It helps me keep the servers running and the tools free to use.

SVG to CSS Converter

Convert SVG code to CSS data URI. Encode SVG for use in CSS background, border-image, or mask properties.

SVG Input

Upload SVG File

CSS Output

Preview:

CSS Usage Example

Background Image