Lucide – 开源 SVG 图标库

Lucide – 开源 SVG 图标库

Lucide
Lucide 是一个由社区驱动的开源 SVG 图标库,延续了 Feather Icons 的简洁设计风格。站点当前收录 1776 枚线条风格图标,全部以轻量、高度优化的矢量图形提供。每枚图标都遵循严格的设计规范,保证风格与可读性的一致。开发者既可以直接浏览、搜索并复制 SVG 代码,也可以通过 npm 等主流包管理器一键引入项目。整个项目采用 ISC 许可开源,任何人都能免费使用并参与贡献。
网站&在线应用

简介

Lucide 是 Feather Icons 的延续与扩展,一套为现代界面打造的线条图标库。它坚持“少即是多”的设计哲学,用统一的描边宽度和圆角规范,让上千枚图标放在一起依然整齐协调。

优缺点

  • ✅ 完全开源免费,ISC 许可可商用
  • ✅ 收录 1776 枚图标且持续更新
  • ✅ 支持主流包管理器,即装即用
  • ✅ 支持 tree-shaking,按需引入体积小
  • ❌ 仅提供线条风格,缺少面性图标
  • ❌ 图标数量相比专业图标库仍偏少

使用方法

  1. 进入官网在搜索框输入关键词,或浏览全部图标。
  2. 点击选中图标,复制生成的 SVG 代码直接使用。
  3. 通过 npm 安装依赖,如 npm install lucide。
  4. 在项目代码中导入所需图标组件并按需渲染。

收费

Lucide 完全免费开源,采用 ISC 许可,个人和商业项目均可免费使用。

平台

Lucide 以 Web 组件形式提供,支持 React、Vue、Svelte 等主流前端框架,适用于任何 Web 项目。


截图

Lucide

相关链接


功能标签


特色

开源免费
整套图标库采用 ISC 许可完全开源,个人与商业项目均可免费使用。
图标丰富
当前收录 1776 枚线条图标,覆盖界面设计常见场景并持续扩充。
多框架支持
提供 React、Vue、Svelte 等主流前端框架的专用组件包,接入便捷。
按需引入
图标支持 tree-shaking,只打包实际用到的图标,有效控制体积。
风格统一
所有图标遵循统一的描边宽度与圆角规范,风格一致且可读性高。
高度可定制
可以自由调整图标的颜色、尺寸与描边粗细,轻松匹配你的界面风格。

替代方案

开发者工具
Overleaf
Overleaf 是面向科研与技术写作者…
DevDocs
DevDocs 是由 freeCodeC…
Apidog
Apidog 是一款集 API 设计、开…
k6
k6 是 Grafana Labs 推出…
Bruno
Bruno 是一个开源、本地优先的 AP…
网站反馈表单
关注我们

公众号二维码

公众号

公众号二维码

小程序

反馈

网站无法访问了?向我们反馈!
点击下面的 反馈 按钮即可让我们知道!感谢!

为了阻止机器人发送垃圾信息,记得点击验证。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享