← All tools

SVG to JSX Converter

Paste an SVG and get a clean React component: camelCased attributes, a style object, optional TypeScript props and currentColor.

1

Paste your SVG

From Figma, an icon set or any .svg file

Paste an SVG to see it here.

2

Copy your React component

HeartIcon.tsx

// Your component appears here
Use it: <HeartIcon className="size-6 text-blue-500" />