适用于原生 JavaScript 的 Lucide

适用于原生 JavaScript 应用程序的核心 Lucide 包。此包允许您轻松地将可缩放矢量图标添加到任何 Web 项目中，而无需框架依赖。非常适合静态网站、遗留应用程序，或者当您需要在最大浏览器兼容性下进行轻量级图标集成时。

您可以实现的功能：

• 使用简单的 data 属性将图标添加到 HTML
• 使用 JavaScript 动态创建和插入 SVG 图标
• 使用 CSS 类和内联样式自定义图标外观
• 摇树优化未使用的图标以保持打包体积最小
• 在原生 JS 与 HTML 中使用图标

Lucide 旨在轻量且易于使用，使其成为需要图标但无需完整框架集成开销的项目的绝佳选择。

概述

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

基础

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

高级

全局样式全局应用选项和样式Shadow DOM所有导出类型及其用法模板元素在 lucide 中使用内容模板元素无障碍让你的图标更易访问使用 Lucide Lab将 lucide-lab 与 lucide 一起使用填充图标在 lucide 中使用填充图标

资源

深入了解无障碍无障碍最佳实践