buncha/design/svg-to-jsx

SVG to JSX Converter

SVG sourcePaste markup here

JSXCould not parse

DOMParser is not defined

Component name

Pairs well with

ASCII Art Generator

Image to text-art. Multiple character ramps, squar…

Barcode Generator

Generate Code 128, EAN-13 or UPC-A barcodes. Encod…

Border Radius Generator

Generate CSS border-radius with a visual editor.

Box Shadow Generator

Create and preview CSS box shadows visually.

About SVG to JSX Converter

Paste any SVG and get a React component you can drop into a TSX file. Picks up kebab-case attributes (stroke-width, fill-opacity etc.) and converts them to camelCase, turns inline style strings into JS style objects, drops xmlns noise, and optionally wraps the markup in a forwardRef component with full {...props} passthrough.

Everything happens on your device. Close the tab and it's gone.