Skip to content
Vectorlight.net

SVG to code

Paste or drop an SVG and copy it as a component, CSS or a data URI. The file stays in your browser.

Code

      

      

      

        
        
      

      

        Next step
        SVG optimizer
        Favicon generator
        SVG recolor
        SVG editor
      

        
Guides:
          React ·
          Vue ·
          CSS background ·
          Data URI
        

    

  

    

    
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.