Lucide 中文网

Appearance

使用 Lucide Lab 或自定义图标 ​

🌐 With Lucide Lab or custom icons

Lucide Lab 是一组不属于 Lucide 主库的图标。

它们可以通过将 @lucide/lab 包添加到你的项目中来使用。 所有像普通 lucide 图标一样的属性都可以传递，以调整图标的外观。

🌐 They can be used by adding the @lucide/lab package to your project. All props like regular lucide icons can be passed to adjust the icon appearance.

使用 Lucide Lab 图标 ​

🌐 Using Lucide Lab icons

这将根据传递的 iconNode 创建一个图标，并渲染一个 Lucide 图标组件。

🌐 This creates a single icon based on the iconNode passed and renders a Lucide icon component.

<!DOCTYPE html>
<html>
  <body>
    <i data-lucide="avocado"></i>

    <script src="index.js"></script>
  </body>
</html>
Open on CodeSandboxOpen Sandbox