Figma To Tailwind Svg Converter

Exporting icons from Figma often includes messy metadata. This tool strips Figma-specific tags and prepares your SVG for Tailwind CSS styling.

Paste SVG

Component Name

React Component

Your code will appear here

How to use the Figma To Tailwind Svg tool

Simply paste your raw SVG code from Figma into the box above. Our tool will automatically clean the code, remove hardcoded dimensions, and wrap it in a React component ready for Next.js.