SVG to React Component Converter

Drop an SVG and get a typed icon component that takes className, size and color from props.

Loading Tool...

Help shape SVG to React Component Converter

The bug you just noticed will fade in 3 minutes. The feature idea will vanish after your next tab switch. Crazy peps don't suffer silently.

0/1000

Frequently Asked Questions

React expects camelCase props like strokeWidth and fillRule. The converter renames them all.

Width and height are removed from the root, so pass width, height or className when you use it.

Turn on colours → currentColor and the icon inherits the surrounding text colour.

Similar output, but instant in the browser with no install.

SVG to JSX — Convert SVG to a React Icon Component - Privacy-First, Offline Developer Tool

Global Architecture: This tool runs entirely in your browser using WebAssembly. Unlike server-side alternatives, your data (JWTs, Logs, SQL) never leaves this device. It works offline and handles massive files (1GB+) bounded only by your RAM.