SVG to JSX

Convert raw SVG markup to a React/JSX component with proper attributes.

Convert raw SVG markup to a React component with className, camelCase attributes, and viewBox.

SVG input

JSX output

Paste SVG above...

Settings

Component name, copy & clear

Component name