Convert SVG markup to React JSX/TSX components. Transforms attributes to camelCase, converts inline styles to objects, and wraps in a properly typed component with props spreading.
Paste SVG markup on the left to see the React component...
Transformations applied: class to className, kebab-case to camelCase attributes, inline style strings to JS objects, xlink:href to xlinkHref, props spreading on root SVG element.