Skip to content
Vectorlight.net

SVG to React component

Convert an SVG into a React component. Attributes become JSX and props pass through.

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.