适用于原生 JavaScript 的 Lucide
适用于原生 JavaScript 应用程序的核心 Lucide 包。此包允许您轻松地将可缩放矢量图标添加到任何 Web 项目中,而无需框架依赖。非常适合静态网站、遗留应用程序,或者当您需要在最大浏览器兼容性下进行轻量级图标集成时。
您可以实现的功能:
- 使用简单的 data 属性将图标添加到 HTML
- 使用 JavaScript 动态创建和插入 SVG 图标
- 使用 CSS 类和内联样式自定义图标外观
- 摇树优化未使用的图标以保持打包体积最小
- 在原生 JS 与 HTML 中使用图标
Lucide 旨在轻量且易于使用,使其成为需要图标但无需完整框架集成开销的项目的绝佳选择。
概述
基础
高级
全局样式全局应用选项和样式Shadow DOM所有导出类型及其用法模板元素在 lucide 中使用内容模板元素无障碍让你的图标更易访问使用 Lucide Lab将 lucide-lab 与 lucide 一起使用填充图标在 lucide 中使用填充图标