toolkit
Dev
Design
Text
SEO
Data
Utility
Img & PDF
IP/DNS
Home
/
Developer Tools
SVG to React Component
Convert SVGs into reusable React components.
Component name
SVG
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path d="M12 2L2 22h20L12 2z"/></svg>
React
export const MyIcon = (props) => ( <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" {...props}><path d="M12 2L2 22h20L12 2z"/></svg> );
Copy
All Developer Tools
Related tools
JSON Formatter
Pretty-print, minify, and validate JSON.
Regex Tester
Test regular expressions in real time.
Live Regex
Test preg_match, preg_match_all, preg_replace, preg_split, preg_grep.