lucide

Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.

23,932 stars TypeScript Markdown Skills API Spec #feather-icons#figma#icons#react
AI Prompts & Specs

Repository: lucide-icons/lucide


Stars: 22160

README.md

<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

| Logo | Package | Version | Downloads | Links |
| ---- | ------- | ------- | --------- | ----- |
| <img src="https://lucide.dev/framework-logos/js.svg" alt="JS logo" width="48"> | lucide | ![npm](https://www.npmjs.com/package/lucide) | !NPM Downloads | Docs · Source |
| <img src="https://lucide.dev/framework-logos/react.svg" alt="React logo" width="48"> | lucide-react | ![npm](https://www.npmjs.com/package/lucide-react) | !NPM Downloads | Docs · Source |
| <img src="https://lucide.dev/framework-logos/vue.svg" alt="Vue logo" width="48"> | lucide-vue-next | ![npm](https://www.npmjs.com/package/lucide-vue-next) | !NPM Downloads | Docs · Source |
| <img src="https://lucide.dev/framework-logos/svelte.svg" alt="Svelte logo" width="48"> | lucide-svelte | ![npm](https://www.npmjs.com/package/lucide-svelte) | !NPM Downloads | Docs · Source |
| <img src="https://lucide.dev/framework-logos/solid.svg" alt="Solid logo" width="48"> | lucide-solid | ![npm](https://www.npmjs.com/package/lucide-solid) | !NPM Downloads | Docs · Source |
| <img src="https://lucide.dev/framework-logos/preact.svg" alt="Preact logo" width="48"> | lucide-preact | ![npm](https://www.npmjs.com/package/lucide-preact) | !NPM Downloads | Docs · Source |
| <img src="https://lucide.dev/framework-logos/react-native.svg" alt="React Native logo" width="48"> | lucide-react-native | ![npm](https://www.npmjs.com/package/lucide-react-native) | !NPM Downloads | Docs · Source |
| <img src="https://lucide.dev/framework-logos/angular.svg" alt="Angular logo" width="48"> | lucide-angular | ![npm](https://www.npmjs.com/package/lucide-angular) | !NPM Downloads | Docs · Source |
| <img src="https://lucide.dev/framework-logos/astro.svg" alt="Astro logo" width="48"> | @lucide/astro | ![npm](https://www.npmjs.com/package/@lucide/astro) | !NPM Downloads | Docs · Source |
| <img src="https://lucide.dev/framework-logos/svg.svg" alt="SVG logo" width="48"> | lucide-static | ![npm](https://www.npmjs.com/package/lucide-static) | !NPM Downloads | 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

About brand logos

Lucide does not accept brand logos, and we do not plan to add them in the future. This is due to a combination of legal restrictions, design consistency concerns, and practical maintenance reasons.

Click here to read our official statement about brand logos in Lucide.

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=800" />
</a>

[//]: <> (Sponsors)

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>

Hero backers 🦸

<a href="https://https://zephyr-cloud.io/"><img src="docs/public/sponsors/zephyr-cloud.svg" width="180" alt="Zephyr Cloud – From idea to prod: fast micro-frontend delivery!" /></a>

Awesome backers 🍺

<a href="https://github.com/pdfme/pdfme"><img src="docs/public/sponsors/pdfme.svg" width="180" alt="pdfme – Open-source PDF generation library built with TypeScript and React." /></a>
<a href="https://www.paxhistoria.co/"><img src="docs/public/sponsors/paxhistoria.svg?" width="180" alt="Pax Historia – An alternate history sandbox game" /></a>

Backers ☕

<a href="https://www.fina.money/"><img src="docs/public/sponsors/fina-money.png" width="180" alt="Fina Money – Modular Finance Tracker" /></a>

Other contributors 💸

You can find all our past and non-recurring financial contributors at our Open Collective page.