Lucide Icons To Tailwind Converter

Convert Lucide icons to React components while keeping the stroke-width and color fully customizable via Tailwind classes.

Paste SVG

Component Name

React Component

Your code will appear here

How to use the Lucide Icons To Tailwind tool

Simply paste your raw SVG code from your editor 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.