什么是 Lucide？

🌐 What is Lucide?

Lucide 是一个开源图标库，提供 1600 多个矢量（svg）文件，用于在数字和非数字项目中显示图标和符号。该库旨在通过提供多个官方 软件包，使设计师和开发者更容易将图标整合到他们的项目中。

🌐 Lucide is an open-source icon library that provides 1600+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. The library aims to make it easier for designers and developers to incorporate icons into their projects by providing several official packages.

可用图标

🌐 Available Icons

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

🌐 Lucide contains icons with different variants and states, allowing users to choose the most suitable icon for their needs. And if a desired icon isn't available yet, users can open a design request, and the Lucide community contributors will help provide new icons. With more icons to choose from, users have more options to work with in their projects.

完整图标集

🌐 Complete Set of Icons

随着具有特定功能的新应用的出现，Lucide旨在为每个项目提供一整套图标。社区在设计新图标时遵循一套设计规则。这些规则保持图标的标准，例如可识别性、样式一致性以及在各种尺寸下的可读性。虽然新图标重视创意，但可识别的设计规范同样重要，以确保用户能够轻松识别这些图标。

🌐 As new applications with specific features arise, Lucide aims to provide a complete set of icons for every project. The community follows a set of design rules when designing new icons. These rules maintain standards for the icons, such as recognizability, consistency in style, and readability at all sizes. While creativity is valued in new icons, recognizable design conventions are important to ensure that the icons are easily identifiable by users.

代码优化

🌐 Code Optimization

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

🌐 In addition to design, code is also important. Assets like icons can significantly increase bandwidth usage in web projects. With the growing internet, Lucide has a responsibility to keep their assets as small as possible. To achieve this, Lucide uses SVG compression and specific code architecture for tree-shaking abilities. After tree-shaking, you only ship the icons you used, which helps to keep software distribution size to a minimum.

无障碍

🌐 Accessibility

图标是用图片表示某物意义而不使用文字的方式。它们非常有用，因为可以快速提供信息。

🌐 Icons are pictures that show what something means without using words. They can be very helpful because they can quickly give information.

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

🌐 However, not everyone can understand them easily. Read more about how to use Lucide in an accessible way.

官方软件包

🌐 Official Packages

Lucide 的官方软件包旨在支持不同平台，使用户更容易将图标集成到他们的项目中。该软件包适用于各种技术，包括 Web (Vanilla)、React、React Native、Vue、Vue 3、Svelte、Preact、Solid、Angular、Astro 和 NodeJS。

🌐 Lucide's official packages are designed to work on different platforms, making it easier for users to integrate icons into their projects. The packages are available for various technologies, including Web (Vanilla), React, React Native, Vue, Vue 3, Svelte, Preact, Solid, Angular, Astro, and NodeJS.

社区

🌐 Community

如果你对 Lucide 有任何疑问，请随时联系社区。你可以在 GitHub 和 Discord 上找到他们。

🌐 If you have any questions about Lucide, feel free to reach out to the community. You can find them on GitHub and Discord.