适用于原生 JavaScript 的 Lucide

🌐 Lucide for Vanilla JavaScript

用于原生 JavaScript 应用的核心 Lucide 包。该包允许你轻松地将可缩放矢量图标添加到任何网页项目中，而无需框架依赖。非常适合静态网站、旧版应用，或在需要轻量级图标集成且具有最大浏览器兼容性时使用。

🌐 The core Lucide package for vanilla JavaScript applications. This package allows you to easily add scalable vector icons to any web project without framework dependencies. Perfect for static websites, legacy applications, or when you need lightweight icon integration with maximum browser compatibility.

你可以完成的事:

• 使用简单的数据属性将图标添加到 HTML
• 使用 JavaScript 动态创建和插入 SVG 图标
• 使用 CSS 类和内联样式自定义图标外观
• 对未使用的图标进行 Tree-shaking 以最小化包大小
• 在原生 JS 中使用 HTML 图标

Lucide 旨在轻量且易于使用，非常适合需要图标但不想承受完整框架集成负担的项目。

🌐 Lucide is designed to be lightweight and easy to use, making it an excellent choice for projects that require icons without the overhead of a full framework integration.

概览

🌐 Overview

入门Learn how to get started with Lucide.从 v0 迁移Learn how to migrate from v0 to v1 of Lucide.

基础知识

🌐 Basics

颜色Adjust the color of your icons尺寸Adjust the size of your icons描边宽度Adjust the stroke width of your icons

高级

🌐 Advanced

全局样式Apply options and styles globally影子 DOMAll exported types and how to use them模板元素Using content template element with lucide无障碍Making your icons accessible与 Lucide LabUsing lucide-lab with lucide填充图标Using filled icons in lucide

资源

🌐 Resources

深入的无障碍性Accessibility best practices