← grid/T · TEXT & CODE/SVG → JSX/TSXlive · localpick another

SVG → JSX / TSX

Convert raw SVG markup into a clean React component with properly transformed attributes

Options

Examples

SVG Input
TSX Output
Output will appear here…
Transformations Applied
classclassName
forhtmlFor
stroke-widthstrokeWidth
fill-opacityfillOpacity
clip-pathclipPath
stop-colorstopColor
font-sizefontSize
text-anchortextAnchor
style="..."style={{ ... }}
xmlns / xmlns:xlink(removed)
xlink:hrefhref
onclickonClick
DWG · T-SVG-TO-JSX100% client-side·⌘C copy · ESC → grid