SVG → React Component

Convert SVG markup into React/JSX components

Paste SVG markup and get a ready-to-use React component. Attributes are converted to camelCase, with options for TypeScript, memo wrapping, and currentColor replacement. Everything runs locally in your browser.

Component name:

TypeScript

React.memo

Named export

currentColor

SVG Input

React Component (tsx)

React component will appear here...

Related Tools

Image Compressor Compress images with adjustable quality Image Format Converter Convert images between PNG, JPEG, and WebP Image Resizer Resize images with aspect ratio lock SVG to PNG Convert SVG to PNG at 1x, 2x, or 3x scale

Get weekly dev tools and tips