Skip to main content

SVG to JSX

Convert SVG code to React JSX components

SVG Input

Paste your SVG code here

JSX Output

React-ready JSX code

How to Use

1. Paste your SVG code in the input area

2. Click "Convert to JSX" to transform attributes

3. Copy the JSX output and use it in your React components

What it converts:

  • stroke-width → strokeWidth
  • stroke-linecap → strokeLinecap
  • fill-opacity → fillOpacity
  • xlink:href → xlinkHref
  • And many more SVG attributes to JSX format