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

Skip to content

使用 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>