Skip to content
Vectorlight.net

SVG to CSS background

Turn an SVG into a CSS background with a compact encoded data URI.

Code

      

      

      

        
        
      

      

        Next step
        SVG optimizer
        Favicon generator
        SVG recolor
        SVG editor
      

        
All output formats

    

  

    

    
More tools

    

        SVG optimizer
Shrink SVG files with a before and after preview.

        Favicon generator
ICO, SVG, apple-touch and PWA icons from one SVG or a letter.

        SVG recolor
Map an SVG's colors to a new palette.

        SVG palette extractor
List every color in an SVG and export it as a palette.