We value your feedback!

Can you spare a moment to take our survey?
Your feedback helps us improve Lucide and make it better for everyone.

Skip to content
Get JavaScript certificates from certificates.dev

使用 Lucide Lab 或自定义图标

Lucide Lab 是不属于 Lucide 主库的图标集合。

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

使用 Lucide Lab 图标

这将基于传递的 iconNode 创建单个图标并渲染一个 Lucide 图标组件。

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

    <script src="index.js"></script>
  </body>
</html>