SVG to JSX

Convert raw SVG markup to active React components.

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