适用于 Solid 的 Lucide

Lucide 提供了一个 Solid 图标组件库，使得在 Solid 应用中集成图标变得简单。 每个图标都可作为独立的 Solid 组件使用，从而实现无缝集成和定制。

功能列表：

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

概述

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

基础

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

高级

TypeScript所有导出类型及其用法无障碍让你的图标更易访问全局样式为所有图标应用全局样式使用 Lucide Lab将 lucide-lab 与 lucide-solid 一起使用填充图标在 lucide-solid 中使用填充图标别名名称使用别名图标名称

资源

深入了解无障碍无障碍最佳实践VS CodeVS Code 与 Lucide