Menu
home
work
builds
notes
contact
more
Tools
SVG to JSX
SVG to JSX
Paste raw SVG and get a clean, props-ready React component.
SVG markup
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#1d4ed8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M12 2v20" /> <path d="M2 12h20" /> </svg>
Options
Component name
Spread props on <svg>
Use currentColor
React component
Loading converter…