lucide README

The project's README from github.com/lucide-icons/lucide. As one markdown file: README.md.

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

license figma installs build status discord chat

Icons · Guide · Packages · License · Showcase

Lucide

Lucide is an open-source icon library that provides 1600+ 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
JS logo lucide npm NPM Downloads Docs · Source
React logo lucide-react npm NPM Downloads Docs · Source
Vue logo @lucide/vue npm NPM Downloads Docs · Source
Svelte logo @lucide/svelte npm NPM Downloads Docs · Source
Solid logo lucide-solid npm NPM Downloads Docs · Source
Preact logo lucide-preact npm NPM Downloads Docs · Source
React Native logo lucide-react-native npm NPM Downloads Docs · Source
Angular logo @lucide/angular npm NPM Downloads Docs · Source
Astro logo @lucide/astro npm NPM Downloads Docs · Source
SVG logo lucide-static npm NPM Downloads Docs · Source

Figma

The Lucide Figma plugin.

Visit Figma community page to install the plugin.

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!

Sponsors

Powered by Vercel

DigitalOcean Referral Badge

Hero backers 🦸

Zephyr Cloud – From idea to prod: fast micro-frontend delivery!

Awesome backers 🍺

pdfme – Open-source PDF generation library built with TypeScript and React. Pax Historia – An alternate history sandbox game

Backers ☕

Fina Money – Modular Finance Tracker

Other contributors 💸

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

lucide (lucide-icons/lucide)

Searching Database…

25.1K ·GitHub
这是什么?Lucide 是一个开源图标库,包含 1600 多个矢量(svg)文件,由社区从 Feather Icons 分叉(fork)而来,可用于数字和非数字项目。
它是需要安装的库,还是只是一堆 SVG 文件?它是一个图标库,针对各个生态提供了官方包:lucide-react、@lucide/vue、@lucide/svelte、lucide-solid、lucide-preact、lucide-react-native、@lucide/angular、@lucide/astro,另外还有 lucide-static,提供纯 SVG 文件。
怎么把图标加到我的项目里?从 npm 安装适合你技术栈的官方包(比如 React 用 lucide-react,Vue 用 @lucide/vue),然后以组件的方式引入图标;设计师还可以使用 Figma 插件。
除了我的框架之外,还需要别的东西吗?不需要 —— 这些图标就是普通的包,可以直接接入现有的 React、Vue、Angular 等项目。只有参与开发 Lucide 本身才需要 Node.js >= 24.11.1 和 pnpm。
有哪些图标它是刻意不收录的?有 —— 品牌标志(logo)。Lucide 不接受品牌 logo,也从未计划收录,理由是法律限制、设计一致性问题和维护成本。
Lucide 是给设计师用的,还是给开发者用的?两者都是:开发者在代码里从框架包中引入图标,设计师则可以通过 Lucide 插件在 Figma 里使用同一套图标。
Lucide 和 Feather Icons 是什么关系?Lucide 最初是 Feather Icons 的一个分叉(fork),现在是一个独立的社区维护项目,已经发展到 1600 多个图标。
如果我的项目完全没用框架怎么办?用 lucide-static —— 它把图标以纯 SVG 文件的形式提供,可以直接放进普通 HTML,或任何支持 SVG 的工具里。
它只能用在数字产品上吗?不是 —— README 明确说明它同样适用于数字和非数字项目,因为这些图标就是普通的矢量 SVG,任何支持 SVG 的地方都能用。
Size
27.5 MB
Stars
25.1K
Age
6y
Commits · 90 Days