面向 React 与 TypeScript 的手绘 naive 民间艺术风格 SVG 图标库,可作为 AI 编码助手技能使用。
- Star
- 25,195
- Fork
- 1,657
- 未关闭 Issue
- 426
- 最近提交
- 14小时前
这是什么?
Lucide 是一个由社区维护的开源图标库,提供 1600 多个矢量(SVG)图标,适用于网页、移动端和设计工作。它 fork 自 Feather Icons,整套图标保持统一的线条风格。
项目为多种框架提供官方包,包括 React、Vue、Svelte、Solid、Preact、React Native、Angular 和 Astro,同时提供原生 JavaScript 包和用于直接引用 SVG 文件的 lucide-static。设计师也可以通过 Figma 插件把图标直接放入设计稿。
图标基于 ISC 许可证发布,可用于商业和个人项目。项目不收录品牌 Logo。
核心功能
- 01超过 1600 个风格统一的 SVG 图标
- 02提供 React、Vue、Svelte、Solid、Preact、Angular、Astro 等官方包
- 03提供原生 JavaScript 与静态 SVG 两种使用方式
- 04提供 Figma 插件供设计师使用
- 05基于 ISC 许可证,可免费用于商业和个人项目
适用场景
- 为 React 或 Vue 网页应用添加风格统一的图标
- 在静态网站或非 JavaScript 项目中直接引用 SVG 图标
- 在 Figma 原型和设计稿中放置图标
快速上手
- 1
从 Packages 表格中选择适合你框架的包,例如从 npm 安装 lucide-react
- 2
按照对应包的文档链接导入并使用图标
使用前须知
- Lucide 不收录品牌标志,因此无法从中获取公司或产品的 logo。
- 元数据中的许可证字段显示为 NOASSERTION,但 README 中注明为 ISC 许可证。
标签
常见问题
- lucide 是什么?
- 开源图标库,提供 1600 多个风格统一的 SVG 图标,并有 React、Vue 等多框架官方包。 Lucide 是一个由社区维护的开源图标库,提供 1600 多个矢量(SVG)图标,适用于网页、移动端和设计工作。它 fork 自 Feather Icons,整套图标保持统一的线条风格。
- lucide 可以免费使用吗?用的什么许可证?
- lucide 以 Other 许可证开源。用于商业产品前,请先确认许可证条款。
- lucide 还在维护吗?
- 活跃维护中。lucide 最近一次提交是在 2026年10月21日。
- lucide 适合用来做什么?
- 为 React 或 Vue 网页应用添加风格统一的图标 在静态网站或非 JavaScript 项目中直接引用 SVG 图标 在 Figma 原型和设计稿中放置图标
- lucide 怎么安装和运行?
- 从 Packages 表格中选择适合你框架的包,例如从 npm 安装 lucide-react 按照对应包的文档链接导入并使用图标
- 在哪里获取 lucide?
- 源代码和安装说明在 GitHub 上:https://github.com/lucide-icons/lucide
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
2495TypeScriptMIT更新于 7天前
一套免费、MIT 许可的 6200 多个 SVG 图标,提供 React、Vue、Svelte 等多框架组件包。
2.2万1245JavaScriptMIT更新于 昨天
Google 官方 Material Design 图标库,提供 Material Symbols 与经典 Material Icons 两套图标。
5.4万9748Apache-2.0更新于 13天前
一套经过优化、可自定义的技术 Logo SVG 图标库,提供 npm 包与 React 组件。
2669214TypeScriptMIT更新于 2个月前
一套可爱岛屿风格的 React + TypeScript 组件库,图标、插画和动效均为原创。
502731TypeScriptMIT更新于 3天前