A React and TypeScript library of hand-drawn, naive folk art style SVG icons with an optional AI agent skill.
lucide-icons/lucide
Open-source icon library of 1600+ consistent SVG icons, with official packages for React, Vue, Svelte, Solid, Preact, Angular and more.
Open-source alternative to:Font Awesome
- Stars
- 25,195
- Forks
- 1,657
- Open issues
- 426
- Last commit
- 14 hours ago
What is it?
Lucide is a community-maintained icon library that provides over 1600 vector (SVG) icons for web, mobile and design work. It is a fork of Feather Icons and keeps a consistent stroke-based style across the whole set.
The project ships official packages for many frameworks, including React, Vue, Svelte, Solid, Preact, React Native, Angular and Astro, plus a plain JavaScript package and lucide-static for raw SVG files. A Figma plugin is also available for designers who want to place icons directly in their designs.
Icons are released under the ISC license and may be used in commercial and personal projects. The project does not accept brand logos.
Key features
- 01Over 1600 consistent SVG icons
- 02Official packages for React, Vue, Svelte, Solid, Preact, Angular and Astro
- 03Plain JavaScript and static SVG distributions
- 04Figma plugin for designers
- 05Free for commercial and personal use under the ISC license
Use cases
- Adding a consistent icon set to a React or Vue web app
- Pulling raw SVG icons into a static site or non-JavaScript project
- Placing icons into mockups and prototypes in Figma
Quick start
- 1
Choose a package for your framework from the Packages table, such as lucide-react from npm
- 2
Follow the guide linked for your package to import and use the icons
Things to know
- Lucide does not accept brand logos, so you cannot get logos for companies or products from it.
- The metadata license field reads NOASSERTION, though the README states the ISC License.
Topics
FAQ
- What is lucide?
- Open-source icon library of 1600+ consistent SVG icons, with official packages for React, Vue, Svelte, Solid, Preact, Angular and more. Lucide is a community-maintained icon library that provides over 1600 vector (SVG) icons for web, mobile and design work. It is a fork of Feather Icons and keeps a consistent stroke-based style across the whole set.
- Is lucide free to use? What license does it have?
- lucide is open source under the Other license. Check the license terms before using it in commercial products.
- Is lucide still maintained?
- Actively maintained. The last commit to lucide was on Oct 21, 2026.
- What can I use lucide for?
- Adding a consistent icon set to a React or Vue web app Pulling raw SVG icons into a static site or non-JavaScript project Placing icons into mockups and prototypes in Figma
- How do I install lucide?
- Choose a package for your framework from the Packages table, such as lucide-react from npm Follow the guide linked for your package to import and use the icons
- Where can I get lucide?
- The source code and installation instructions are on GitHub: https://github.com/lucide-icons/lucide
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
A free, MIT-licensed set of over 6,200 SVG icons on a 24x24 grid, with packages for React, Vue, Svelte, Angular and more.
An open library of about 7,600 brand and cloud SVG icons, available via npm, CDN, CLI, and an MCP server for AI editors.
Google's official Material Design icon sets (Material Symbols and classic Material Icons) in SVG, icon font, Android, and iOS formats.
A collection of optimized, customizable SVG tech logos for developers, available as an npm package of React components.
A cozy, island-style React and TypeScript UI component library with original icons, illustrations and animations.