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,只打包实际用到的图标,有效控制体积。
风格统一
所有图标遵循统一的描边宽度与圆角规范,风格一致且可读性高。
高度可定制
可以自由调整图标的颜色、尺寸与描边粗细,轻松匹配你的界面风格。

替代方案

开发者工具
Phosphor Icons
Phosphor Icons 是一个免费…
Heroicons
Heroicons 是由 Tailwin…
Railway
Railway 是一个一体化智能云服务,…
Render
Render 是一款面向开发者的全栈云托…
Supabase
Supabase 是一款开源的 BaaS…
网站反馈表单
关注我们

公众号二维码

公众号

公众号二维码

小程序

反馈

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

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

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