适用于 Svelte 的 Lucide

Lucide 提供了一个 Svelte 图标组件库，使得将图标集成到您的 Svelte 应用程序中变得轻而易举。 每个图标都作为一个独立的 Svelte 组件提供，允许无缝集成和定制。

功能列表：

• 易于使用：将图标作为 Svelte 组件导入，并在您的 Svelte 组件中直接使用 JSX。
• 可定制：通过 props 和全局上下文调整大小、颜色和其他属性。
• 支持 Tree-shaking：只有您使用的图标才会包含在最终打包文件中
• TypeScript 支持：完全类型化的组件，提供更好的开发者体验。

概述

开始使用了解如何开始使用 Svelte 版 Lucide。从 v0 迁移了解如何将 Lucide 从 v0 迁移到 v1。

基础

颜色调整图标颜色尺寸调整图标尺寸描边宽度调整图标的描边宽度

高级

TypeScript所有导出类型及其用法无障碍让你的图标更易访问全局样式为所有图标应用全局样式使用 Lucide Lab将 lucide-lab 与 @lucide/svelte 一起使用填充图标在 @lucide/svelte 中使用填充图标组合图标将多个图标组合成一个