Lucide Icons Icons
A community-run fork of Feather Icons with more icons and active maintenance. Extremely popular in the React and shadcn/ui ecosystem.
About Lucide Icons
A community-run fork of Feather Icons with more icons and active maintenance. Extremely popular in the React and shadcn/ui ecosystem.
Available Styles
What You Get
| Feature | Details |
|---|---|
| Icon count | 1,694 icons in this library |
| License | ISC |
| Creator | Lucide contributors |
| Export formats | SVG, PNG, JSX, Base64. Copy to clipboard or download instantly. |
| Customization | Color, size, rotation, flip. All in-browser. |
| Account required | None. No sign-up needed. |
How to Use Lucide Icons Icons
1. Search the library
Head to Browse Icons and filter by “Lucide Icons” to browse all 1,694 icons in this set.
2. Customize
Click any icon to open the detail panel. Pick a color, adjust stroke width, switch between fill and outline, or rotate and flip.
3. Export
Copy the SVG, download a PNG at any size, grab the icon ID for @iconify/react, or export as JSX or Base64. No account required.
Use in React / Next.js
Install the Iconify React package and use Lucide Icons icons directly in your project:
npm install @iconify/react
import { Icon } from "@iconify/react"
// Example Lucide Icons icon
<Icon icon="lucide:home" className="h-6 w-6" />Browse Lucide Icons Icons Free
1,694 icons. No watermarks, no account, no attribution required.