Awesome
<p align="center"> <a href="https://github.com/lucide-icons/lucide#gh-light-mode-only"> <img src="https://lucide.dev/lucide-logo-repo.svg#gh-light-mode-only" alt="Lucide - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons." width="480"> </a> <a href="https://github.com/lucide-icons/lucide#gh-dark-mode-only"> <img src="https://lucide.dev/lucide-logo-repo-dark.svg#gh-dark-mode-only" alt="Lucide - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons." width="480"> </a> </p> <p align="center"> <a href="https://github.com/lucide-icons/lucide/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/lucide" alt="license"></a> <a href="https://www.figma.com/community/plugin/939567362549682242/Lucide-Icons"><img src="https://img.shields.io/badge/Figma-F24E1E?logo=figma&logoColor=white" alt="figma installs"></a> <a href="https://github.com/lucide-icons/lucide/actions/workflows/release.yml"><img src="https://github.com/lucide-icons/lucide/actions/workflows/release.yml/badge.svg" alt="build status"></a> <a href="https://discord.gg/EH6nSts"><img src="https://img.shields.io/discord/723074157486800936?label=chat&logo=discord&logoColor=%23ffffff&colorB=%237289DA" alt="discord chat"></a> </p> <p align="center"> <a href="https://lucide.dev/icons/">Icons</a> 路 <a href="https://lucide.dev/guide/">Guide</a> 路 <a href="https://lucide.dev/packages">Packages</a> 路 <a href="https://lucide.dev/license">License</a> 路 <a href="https://lucide.dev/showcase">Showcase</a> </p>Lucide
Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. The library aims to make it easier for designers and developers to incorporate icons into their projects by providing several official packages to make it easier to use these icons in your project.
Packages
Package | Version & Downloads | Links | |
---|---|---|---|
<img src="https://lucide.dev/framework-logos/js.svg" alt="JS logo" width="48"> | lucide | Docs Source | |
<img src="https://lucide.dev/framework-logos/react.svg" alt="React logo" width="48"> | lucide-react | Docs Source | |
<img src="https://lucide.dev/framework-logos/vue.svg" alt="Vue logo" width="48"> | lucide-vue-next | Docs Source | |
<img src="https://lucide.dev/framework-logos/svelte.svg" alt="Svelte logo" width="48"> | lucide-svelte | Docs Source | |
<img src="https://lucide.dev/framework-logos/solid.svg" alt="Solid logo" width="48"> | lucide-solid | Docs Source | |
<img src="https://lucide.dev/framework-logos/preact.svg" alt="Preact logo" width="48"> | lucide-preact | Docs Source | |
<img src="https://lucide.dev/framework-logos/react-native.svg" alt="React Native logo" width="48"> | lucide-react-native | Docs Source | |
<img src="https://lucide.dev/framework-logos/angular.svg" alt="Angular logo" width="48"> | lucide-angular | Docs Source | |
<img src="https://lucide.dev/framework-logos/svg.svg" alt="SVG logo" width="48"> | lucide-static | Docs Source |
Figma
The lucide figma plugin.
Visit Figma community page to install the plugin.
<img width="420" src="https://www.figma.com/community/plugin/939567362549682242/thumbnail" alt="Figma Lucide Cover">Contributing
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
Community
Join the community on our Discord server!
License
Lucide is totally free for commercial use and personal use, this software is licensed under the ISC License.
Credits
Thank you to all the people who contributed to Lucide!
<a href="https://github.com/lucide-icons/lucide/graphs/contributors"> <img src="https://opencollective.com/lucide-icons/contributors.svg?width=890" /></a>Sponsors
<a href="https://vercel.com?utm_source=lucide&utm_campaign=oss"> <img src="docs/public/vercel.svg" alt="Powered by Vercel" width="200" /> </a><a href="https://www.digitalocean.com/?refcode=b0877a2caebd&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge"><img src="docs/public/digitalocean.svg" width="200" alt="DigitalOcean Referral Badge" /></a>
Awesome backers 馃嵑
<a href="https://www.scipress.io?utm_source=lucide"><img src="docs/public/sponsors/scipress.svg" width="180" alt="Scipress sponsor badge" /></a> <a href="https://github.com/pdfme/pdfme"><img src="docs/public/sponsors/pdfme.svg" width="180" alt="pdfme sponsor badge" /></a>