使用 Lucide Lab 或自定义图标

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

可以通过使用 Icon 组件来使用它们。 所有与常规 lucide 图标相同的 props 都可以传递以调整图标外观。

使用 Icon 组件

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

<script>
import { Icon } from '@lucide/svelte';
import { pear, sausage } from '@lucide/lab';
</script>

<Icon iconNode={pear} />
<Icon iconNode={sausage} color="red"/>