Offline engine (processed locally)JAVASCRIPT v1.0.0 Spec

SVG to JSX

v1.0.0

Transform your SVG code into JSX syntax ready for React components. This free online converter correctly converts SVG attributes to React-compatible props (e.g., `class` to `className`, `stroke-width` to `strokeWidth`), handles self-closing elements, and strips unnecessary namespaces. Ideal for creating React icons and illustrations. Works entirely in your browser, no registration needed.

Live sync—ms

SVGInput (SVG)Invalid

lines: 1chars: 66Size: 66 BUTF-8

JAVASCRIPTOutput (JAVASCRIPT)

Auto-generated

Converted output will appear here

lines: 0chars: 0Size: 0 BUTF-8

Size change: -100.00%TOML compliant: v1.0.0

Tool guide

Accurate conversion

Input is processed by this tool’s dedicated converter.

Local processing

Your input is processed in your browser and is not uploaded.

Ready-to-use output

Copy the result or save it as a file.