Frontend Utility
SVG to TSX Component Builder
Instantly transform raw Figma exports into perfect, strongly-typed React components. Forget about "Invalid DOM property" console errors.
Loading IDE...
How does it work?
The tool locally parses your XML code, removes unnecessary comments, converts attributes (e.g., fill-rule to fillRule), and wraps the code in a TypeScript function using forwardRef. It also detects hardcoded HEX colors and changes them to currentColor, allowing your icon to automatically inherit text colors in Tailwind or Bootstrap.