🧰
TheDevToolbox
Search tools...
Ctrl+K
Blog
SVG Converter
SVG Converter
Convert SVG to React JSX, CSS, Base64, or Data URL
Valid SVG
• 337 chars • 8 lines
Format:
React JSX
CSS
Base64
Data URL
Convert
⌘↵
SVG Input
281 chars • 4 lines
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <circle cx="12" cy="12" r="10"></circle> <polyline points="12 6 12 12 16 14"></polyline> </svg>
SVG Preview
JSX Output
337 chars • 8 lines
1
const Icon = (props) => (
2
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
3
<circle cx="12" cy="12" r="10"></circle>
4
<polyline points="12 6 12 12 16 14"></polyline>
5
</svg>
6
);
7
8
export default Icon;
⌘↵
Convert
⌘⇧C
Copy
Related Tools, Tips & More