Free Online SVG to JSX Converter
Convert SVG code to JSX or a ready-to-use React component for free. Attributes are converted to React names, styles become objects and props are passed to the svg. TypeScript supported.
- 100% free, no sign-up
- React component ready
- TypeScript support
How to Convert SVG to JSX
-
1
Add your SVG
Paste your SVG code into the box or upload an SVG file.
-
2
Choose the output
Pick a React component or plain JSX, set the component name and turn on TypeScript if you need it.
-
3
Copy or download
Copy the generated code or download it as a .jsx or .tsx file.
Frequently Asked Questions
Is this SVG to JSX converter free?
Yes. The converter is completely free, with no sign-up and no daily limit.
What does the converter change?
It renames attributes to their React versions (for example class becomes className and stroke-width becomes strokeWidth), turns style strings into objects and removes editor metadata from tools like Inkscape and Sketch.
How do I use the React component?
Import it like any other component and pass props such as width, height, className or fill; they are forwarded to the svg element.