Lucide is a community-run fork of Feather Icons, open for anyone to contribute icons. Started after growing disaffection of the moderation of the Feather Icons project, with over 300+ open issues and over 100+ open PRs, this project is no longer maintained. The owner of the project stopped merging icons and want to keep the project like it now is. Hundreds of developers/designer wasted their time trying to contribute, what a shame.
We're trying to expanding the icon set as much as possible while keeping it nice-looking, we do it as a community of devs and designers, join us!
- Lucide already expended the icon set by 130+ in less then a year, so more icons to work with.
- Well maintained code base.
- Active community.
At its core, Lucide is a collection of SVG files. This means that you can use Feather icons in all the same ways you can use SVGs (e.g. img, background-image, inline, object, embed, iframe). Here's a helpful article detailing the many ways SVGs can be used on the web: SVG on the Web – Implementation Options
The following are additional ways you can use Lucide. With the Javascript library you can easily incorporate the icon you want in your webpage.
Implementation of the lucide icon library for web applications.
npm install lucide
#or
yarn add lucideFor more details, see the documentation.
Implementation of the lucide icon library for react applications.
yarn add lucide-react
# or
npm install lucide-reactFor more details, see the documentation.
Implementation of the lucide icon library for vue applications.
yarn add lucide-vue
# or
npm install lucide-vueFor more details, see the documentation.
The lucide figma plugin.
Visit Figma community page to install the plugin.
For more info on how to contribute please see the contribution guidelines.
Caught a mistake or want to contribute to the documentation? Edit this page on Github
Join the community on our Discord server!
Lucide is totally free for commercial use and personally use, this software is licensed under the ISC License.
