Converted JSX will appear here...
SVG to JSX Converter
Transform SVG markup into React JSX/TSX components
FAQ
What does the converter change in my SVG?
Kebab-case attributes become camelCase (stroke-width → strokeWidth), class becomes className, and the SVG is wrapped in a typed React component.
Does it support TypeScript output?
Yes, toggle TSX output to get a typed component with SVGProps out of the box.
Is my SVG code sent anywhere?
No, the transform runs locally in your browser.