InfoQ

Lucide Releases Version 1.0, Removing Brand Icons and Cutting Bundle Size for Millions of Projects

8.5内容质量
Lucide Releases Version 1.0, Removing Brand Icons and Cutting Bundle Size for Millions of Projects

TL;DR · AI 摘要

Lucide 1.0 版本移除了品牌图标并大幅减小了包体积,对前端开发社区影响显著。

核心要点

  • Lucide 1.0 移除了所有品牌图标,转向推荐 Simple Icons。
  • Lucide 1.0 将 lucide-react 包体积减少了 32.3%。
  • Lucide 1.0 新增了对 React、Vue、Svelte 和 Solid 的上下文提供器。

结构提纲

按章节快速跳转。

  1. §Lucide 1.0 发布

    Lucide 1.0 是该项目的第一个稳定版本,包含超过 1,600 个图标。

  2. Lucide 1.0 移除了所有品牌图标,如 GitHub、Facebook 等,以应对法律压力和维护负担。

  3. 通过移除旧的 UMD 构建,Lucide 1.0 将 lucide-react 包体积减少了 32.3%。

  4. Lucide 1.0 引入了对 React、VueSvelteSolid 的上下文提供器。

思维导图

用一张图看清主题之间的关系。

查看大纲文本(无障碍 / 无 JS 友好)
  • Lucide 1.0 发布
    • 移除品牌图标
      • 法律压力
      • 维护负担
    • 性能优化
      • 包体积减少 32.3%
    • 新增功能
      • React、Vue、Svelte、Solid 上下文提供器

金句 / Highlights

值得收藏与分享的关键句。

#Lucide#图标库#前端#开源
打开原文

Lucide 发布 1.0 版本,移除品牌图标并减少数百万项目的捆绑大小 - InfoQ

InfoQ 首页 News Lucide 发布 1.0 版本,移除品牌图标并减少数百万项目的捆绑大小

Web 开发

从日志噪音到事件情报:AI辅助可观测性的成熟度模型(网络研讨会 7月9日)

Lucide 发布 1.0 版本,移除品牌图标并减少数百万项目的捆绑大小

2026年6月23日 2分钟阅读

作者

  • Daniel Curtis

#### 为 InfoQ 撰稿

激发你的好奇心。

帮助全球 55 万名高级开发人员

每个月保持领先。

联系我们

收听这篇文章 -

0:00

音频准备播放

你的浏览器不支持音频元素。

正常

1.25x

1.5x

喜欢

新下拉阅读列表

  • 阅读列表

作为开源图标工具包和 Feather Icons 的社区驱动分支,Lucide 发布了 1.0 版本,标志着该项目在多年逐步改进后首次发布稳定的主要版本,目前的图标集合已超过 1600 个。

Lucide 1.0 的主要变化是移除了所有品牌图标。团队解释说,由于不断增加的法律压力、设计一致性问题和持续的维护负担,像 GitHub、Facebook、Figma 和 Slack 这样的商标标志被移除了,现在团队将仍然需要这些标志的用户引导至 Simple Icons。这一变化已经有所预示,Reddit 上的一位开发者指出,Lucide “已经弃用了品牌图标一段时间(2020年)并计划在未来移除它们。”

性能是另一个重大变化。通过移除旧的 UMD 构建并只提供 ESM 和 CommonJS,团队将 lucide-react 包的大小减少了 32.3%,从 11.4 MB 减少到大约 1 MB(经过 gzip 压缩)。考虑到 lucide-react 本身在 npm 上每周报告有数千万次下载,而整个项目每周下载量超过 3000 万次,这对生态系统来说是一个有意义的节省。

版本 1 还引入了针对 React、Vue、Svelte 和 Solid 的上下文提供者,让开发者可以设置共享默认值,而不是在每个图标上重复属性。

其他改进包括现代独立的 Angular 包 @lucide/angular,将 lucide-vue-next 重命名为 @lucide/vue,aria-hidden 现在默认设置为 true 以提高可访问性,Lucide 字体的稳定代码点,lucide 包中的 shadow DOM 支持,按框架重新设计的文档以及旨在用于 AI 工具的 llms.txt 文件。

从 v0 升级的开发者应为重大更改预留时间,大部分工作是替换移除的品牌图标和调整重命名的包。团队已发布一个版本 1 指南,以及一个针对每个支持库的特定于框架的迁移指南。

社区的反应总体上是积极的,Lucide 被反复引用为默认选择。Reddit 上的一位开发者解释了他们为什么选择 Lucide:

我通常选择 Lucide。我喜欢它,因为图标干净、轻量且易于自定义,尤其是在 React 或 Next.js 项目中。对于 Tailwind 项目,我有时也会使用 Heroicons。

在人工智能辅助开发的时代,Lucide 已无处不在。它默认集成在模板、入门工具包、由 AI 生成的组件以及内部工具中。因此,许多产品的外观最终变得视觉上几乎相同,即使它们背后的理念各不相同。

在竞争方面,Lucide 自身的比较指出,它已经远远超越了其 Feather Icons 的根源,后者包含大约 287 个图标。与 Heroicons 提供的约 1,288 个图标相比,Lucide 提供了更多图标,而 Tabler 和 Phosphor 等更重的替代方案则为希望获得更多样化或多种权重的团队提供了选择。

Lucide 是一个开源的图标工具包,它最初是 Feather Icons 的一个社区驱动的分支,于 2020 年开始发展,从最初的不到 300 个符号扩展到一个包含超过 1,600 个一致且可定制图标的集合。Lucide 仍遵循宽松的 ISC 许可证免费使用,完整的更新日志和下载资源可在 GitHub 上找到。

作者部分的主要包装器

关于作者

部分标题

每个作者的主要包装器

#### Daniel Curtis

显示更多

显示更少

#### 此内容属于 Web 开发主题

##### 相关主题:

  • 开发
  • Web 开发
  • 相关编辑
  • 相关赞助商 可扩展的云企业 Java - 下载电子书
  • 相关赞助商 从复杂到控制。在统一的平台上运行和扩展您的 Jakarta EE、Spring 和 Quarkus 应用程序,用部署的简便性和完全自主性取代基础设施的混乱。了解更多。

InfoQ 电子报

每周二发送上周 InfoQ 内容的汇总。加入超过 250,000 名高级开发者的社区。查看示例

我们保护您的隐私。