Lucide V1 发布了!🚀
你现在浏览的是 v1 站点,如需查看 v0,请前往 v0 站点

Skip to content

什么是 Lucide?

Lucide 是一个开源图标库,为数字和非数字项目提供 1600+ 矢量 (svg) 文件,用于显示图标和符号。该库旨在通过提供几个 官方包 使设计师和开发人员更容易将图标纳入他们的项目中。

可用图标

Lucide 包含具有不同变体和状态的图标,允许用户选择最适合其需求的图标。如果尚未提供所需的图标,用户可以打开设计请求,Lucide 社区贡献者将帮助提供新图标。随着可供选择的图标增多,用户在其项目中有了更多的选择余地。

完整的图标集

随着具有特定功能的新应用程序出现,Lucide 旨在为每个项目提供一套完整的图标。社区在设计新图标时遵循一套设计规则。这些规则维护图标的标准,例如可识别性、风格一致性以及所有尺寸下的可读性。虽然新图标重视创造力,但可识别的设计惯例对于确保用户轻松识别图标至关重要。

代码优化

除了设计,代码也很重要。像图标这样的资产会显著增加 Web 项目中的带宽使用量。随着互联网的发展,Lucide 有责任尽可能保持其资产小巧。为此,Lucide 使用 SVG 压缩和特定的代码架构以实现 tree-shaking 能力。经过 tree-shaking 后,你只交付使用的图标,这有助于将软件分发大小保持在最小限度。

无障碍性

图标是不使用文字就能显示含义的图片。它们非常有用,因为它们可以快速提供信息。

然而,并不是每个人都能轻松理解它们。阅读更多关于 如何以无障碍方式使用 Lucide 的信息。

官方包

Lucide 的官方包旨在适用于不同平台,使用户更容易将图标集成到他们的项目中。这些包适用于各种技术,包括 Web (Vanilla)ReactReact NativeVueVue 3SveltePreactSolidAngularAstroNodeJS

社区

如果你对 Lucide 有任何问题,请随时联系社区。你可以在 GitHubDiscord 上找到他们。