# 精美且
一致的图标


> 由社区打造的精美且一致的图标工具包。

由社区打造。

## Table of Contents

- [适用于原生 JavaScript 的 Lucide](/guide/lucide.md): 适用于原生 JavaScript 应用程序的核心 Lucide 包。学习如何在无需框架依赖的情况下，将可缩放矢量图标添加到任何 Web 项目中。
- [开始使用 - Lucide](/guide/lucide/getting-started.md): 本指南将帮助你在原生 JavaScript 项目中开始使用 Lucide。
- [从 v0 迁移](/guide/lucide/migration.md)

### 基础

- [颜色 - Lucide](/guide/lucide/basics/color.md): 学习如何使用 color 属性和 CSS 在原生 JavaScript 应用中自定义 Lucide 图标的颜色。
- [尺寸调整 - Lucide](/guide/lucide/basics/sizing.md): 学习如何在 Vanilla JavaScript 应用程序中使用 width 和 height 属性以及 CSS 调整 Lucide 图标的大小。
- [描边宽度 - Lucide](/guide/lucide/basics/stroke-width.md): 学习如何使用 strokeWidth 和 absoluteStrokeWidth 属性在 Vanilla JavaScript 应用程序中自定义 Lucide 图标的描边宽度。

### 进阶

- [全局样式 - Lucide](/guide/lucide/advanced/global-styling.md): 学习如何在 Vanilla JavaScript 应用程序中使用 CSS 或 createIcons 中的 attrs 选项为 Lucide 图标应用全局样式。
- [Shadow DOM - Lucide](/guide/lucide/advanced/shadow-dom.md): 学习如何在原生 JavaScript 应用程序的 shadow DOM 中使用 Lucide 图标。
- [内容模板元素 - Lucide](/guide/lucide/advanced/content-template-element.md): 了解如何使用 inTemplates 选项在 HTML 模板元素中包含 Lucide 图标。
- [无障碍性 - Lucide](/guide/lucide/advanced/accessibility.md): 在你的应用程序中使用无障碍图标的最佳实践。
- [使用 Lucide Lab 或自定义图标 - Lucide](/guide/lucide/advanced/with-lucide-lab.md): 学习如何在原生 JavaScript 应用程序中使用 Lucide Lab 或自定义图标。
- [填充图标 - Lucide](/guide/lucide/advanced/filled-icons.md): Lucide 官方不支持填充，但你仍然可以在某些图标上使用 fill 属性来创建填充版本。

### 资源

- [无障碍性](/guide/accessibility.md): 了解如何使您的图标对所有用户（包括残障人士）都具备无障碍性。

- [适用于 React 的 Lucide](/guide/react.md): Lucide 提供了一个 React 图标组件库，可轻松将图标集成到您的 React 应用程序中。每个图标都可作为独立的 React 组件使用，从而实现无缝集成和自定义。
- [入门指南 - React](/guide/react/getting-started.md): 本指南将帮助你在 React 项目中开始使用 Lucide。
- [从 v0 迁移](/guide/react/migration.md)
- [迁移指南：react-feather → lucide-react](/guide/react/migration-from-feather.md)

### 基础

- [颜色 - React](/guide/react/basics/color.md): 了解如何在 React 应用程序中使用 `color` 属性或通过父元素的文本颜色值来调整图标的颜色。
- [尺寸调整 - React](/guide/react/basics/sizing.md): 学习如何使用 `size` 属性或通过 CSS 调整 React 应用程序中图标的大小。
- [描边宽度 - React](/guide/react/basics/stroke-width.md): 了解如何使用 `strokeWidth` 属性调整 React 应用程序中图标的描边宽度，或使用 `absoluteStrokeWidth` 属性调整描边宽度的外观。

### 进阶

- [TypeScript 支持 - React](/guide/react/advanced/typescript.md): 了解 `lucide-react` 包导出的不同类型以及如何在你的 React 应用程序中使用它们。
- [无障碍性 - React](/guide/react/advanced/accessibility.md): 在 React 应用程序中实现无障碍图标的最佳实践。
- [全局样式 - React](/guide/react/advanced/global-styling.md): 学习如何使用 CSS 或 Lucide 上下文提供者（context provider）在 React 应用中全局样式化所有 Lucide 图标。
- [使用 Lucide Lab 或自定义图标 - React](/guide/react/advanced/with-lucide-lab.md): 了解如何使用 Icon 组件在 React 应用程序中使用 Lucide Lab 或自定义图标。
- [填充图标 - React](/guide/react/advanced/filled-icons.md): 了解如何在 React 应用程序中使用 Lucide 图标的填充，以及使用 Lucide 图标填充的限制。
- [别名 - React](/guide/react/advanced/aliased-names.md): 了解 React 项目中 Lucide 图标可用的不同导入名称样式，以及如何选择最适合你需求的样式。
- [组合图标 - React](/guide/react/advanced/combining-icons.md): 学习如何在 React 应用中通过嵌套 SVG 元素将多个图标组合成一个图标。
- [动态图标组件 - React](/guide/react/advanced/dynamic-icon-component.md): 学习如何在 React 应用程序中使用 DynamicIcon 组件按名称动态加载图标，并了解使用此方法的注意事项。

### 资源

- [无障碍性](/guide/accessibility.md): 了解如何使您的图标对所有用户（包括残障人士）都具备无障碍性。
- [VS Code](/guide/vscode.md): 学习如何在 VS Code 中使用 Lucide 图标，包括关闭自动补全、查看 JS 文档和图标预览的技巧，以及探索第三方插件以增强功能。

- [适用于 Vue 的 Lucide](/guide/vue.md): Lucide 提供了一个 Vue 图标组件库，使得将图标集成到您的 Vue 应用程序中变得简单易行。每个图标都作为独立的 Vue 组件提供，支持无缝集成和定制。
- [入门 - Vue](/guide/vue/getting-started.md): 本指南将帮助你在 Vue 项目中开始使用 Lucide。
- [从 v0 迁移](/guide/vue/migration.md)

### 基础

- [颜色 - Vue](/guide/vue/basics/color.md): 了解如何在 Vue 应用程序中使用 color prop 或通过父元素的文本颜色值来调整图标的颜色。
- [尺寸调整 - Vue](/guide/vue/basics/sizing.md): 学习如何使用 `size` 属性或通过 CSS 调整 Vue 应用程序中图标的大小。
- [描边宽度 - Vue](/guide/vue/basics/stroke-width.md): 了解如何在 Vue 应用程序中使用 `strokeWidth` prop 调整图标的描边宽度，或使用 `absoluteStrokeWidth` prop 调整描边宽度的外观。

### 进阶

- [TypeScript 支持 - Vue](/guide/vue/advanced/typescript.md): 了解 \`@lucide/vue\` 包导出的不同类型以及如何在 Vue 应用程序中使用它们。
- [无障碍 - Vue](/guide/vue/advanced/accessibility.md): 在 Vue 应用程序中使用无障碍图标的最佳实践。
- [全局样式 - Vue](/guide/vue/advanced/global-styling.md): 学习如何使用 CSS 或 Lucide 上下文提供者在您的 Vue 应用程序中全局样式化所有 Lucide 图标。
- [使用 Lucide Lab 或自定义图标 - Vue](/guide/vue/advanced/with-lucide-lab.md): 学习如何使用 Icon 组件在 Vue 应用中使用 Lucide Lab 或自定义图标。
- [填充图标 - Vue](/guide/vue/advanced/filled-icons.md): 了解如何在 Vue 应用程序中使用 Lucide 图标的填充，以及使用 Lucide 图标填充的限制。
- [别名 - Vue](/guide/vue/advanced/aliased-names.md): 了解 Vue 项目中 Lucide 图标可用的不同导入名称样式，以及如何选择最适合你需求的样式。
- [组合图标 - Vue](/guide/vue/advanced/combining-icons.md): 学习如何在 Vue 应用中通过嵌套 SVG 元素将多个图标组合成一个图标。

### 资源

- [无障碍性](/guide/accessibility.md): 了解如何使您的图标对所有用户（包括残障人士）都具备无障碍性。
- [VS Code](/guide/vscode.md): 学习如何在 VS Code 中使用 Lucide 图标，包括关闭自动补全、查看 JS 文档和图标预览的技巧，以及探索第三方插件以增强功能。

- [适用于 Svelte 的 Lucide](/guide/svelte.md): Lucide 提供了一个 Svelte 图标组件库，使得将图标集成到您的 Svelte 应用程序中变得轻而易举。每个图标都作为一个独立的 Svelte 组件提供，允许无缝集成和定制。
- [入门指南 - Svelte](/guide/svelte/getting-started.md): 本指南将帮助你在 Svelte 项目中开始使用 Lucide。
- [从 v0 迁移](/guide/svelte/migration.md)

### 基础

- [颜色 - Svelte](/guide/svelte/basics/color.md): 学习如何在您的 Svelte 应用程序中使用 `color` 属性或通过父元素的文本颜色值来调整图标的颜色。
- [尺寸调整 - Svelte](/guide/svelte/basics/sizing.md): 学习如何使用 `size` prop 或通过 CSS 调整 Svelte 应用程序中图标的大小。
- [描边宽度 - Svelte](/guide/svelte/basics/stroke-width.md): 学习如何在您的 Svelte 应用程序中使用 `strokeWidth` prop 调整图标的描边宽度，或使用 `absoluteStrokeWidth` prop 调整描边宽度的外观。

### 进阶

- [TypeScript 支持 - Svelte](/guide/svelte/advanced/typescript.md): 了解 `@lucide/svelte` 包导出的不同类型以及如何在你的 Svelte 应用程序中使用它们。
- [无障碍性 - Svelte](/guide/svelte/advanced/accessibility.md): 在您的 Svelte 应用中实现无障碍图标的最佳实践。
- [全局样式 - Svelte](/guide/svelte/advanced/global-styling.md): 学习如何使用 CSS 或 Lucide 上下文提供者在你的 Svelte 应用中全局样式化所有 Lucide 图标。
- [使用 Lucide Lab 或自定义图标 - Svelte](/guide/svelte/advanced/with-lucide-lab.md): 学习如何使用 Icon 组件在 Svelte 应用程序中使用 Lucide Lab 或自定义图标。
- [填充图标 - Svelte](/guide/svelte/advanced/filled-icons.md): 了解如何在 Svelte 应用程序中使用 Lucide 图标的填充效果，以及使用 Lucide 图标填充效果的限制。
- [组合图标 - Svelte](/guide/svelte/advanced/combining-icons.md): 学习如何在 Svelte 应用程序中通过嵌套 SVG 元素将多个图标组合成一个图标。

### 资源

- [无障碍性](/guide/accessibility.md): 了解如何使您的图标对所有用户（包括残障人士）都具备无障碍性。
- [VS Code](/guide/vscode.md): 学习如何在 VS Code 中使用 Lucide 图标，包括关闭自动补全、查看 JS 文档和图标预览的技巧，以及探索第三方插件以增强功能。

- [适用于 Solid 的 Lucide](/guide/solid.md): Lucide 提供了一个 Solid 图标组件库，使得在 Solid 应用中集成图标变得简单。每个图标都可作为独立的 Solid 组件使用，从而实现无缝集成和定制。
- [入门指南 - Solid](/guide/solid/getting-started.md): 本指南将帮助你在 Solid 项目中开始使用 Lucide。
- [从 v0 迁移](/guide/solid/migration.md)

### 基础

- [颜色 - Solid](/guide/solid/basics/color.md): 了解如何在 Solid 应用程序中使用 `color` prop 或通过父元素的文本颜色值来调整图标的颜色。
- [尺寸调整 - Solid](/guide/solid/basics/sizing.md): 学习如何在 Solid 应用程序中使用 `size` 属性或 CSS 调整图标的大小。
- [描边宽度 - Solid](/guide/solid/basics/stroke-width.md): 了解如何使用 `strokeWidth` prop 调整 Solid 应用程序中图标的描边宽度，或使用 `absoluteStrokeWidth` prop 调整描边宽度的外观。

### 进阶

- [TypeScript 支持 - Solid](/guide/solid/advanced/typescript.md): 了解 `lucide-solid` 包导出的不同类型以及如何在你的 Solid 应用程序中使用它们。
- [无障碍性 - Solid](/guide/solid/advanced/accessibility.md): 在 Solid 应用程序中使用可访问图标的最佳实践。
- [全局样式 - Solid](/guide/solid/advanced/global-styling.md): 学习如何在 Solid 应用中使用 CSS 或 Lucide 上下文提供者全局样式化所有 Lucide 图标。
- [使用 Lucide Lab 或自定义图标 - Solid](/guide/solid/advanced/with-lucide-lab.md): 学习如何通过 Icon 组件在 Solid 应用程序中使用 Lucide Lab 或自定义图标。
- [填充图标 - Solid](/guide/solid/advanced/filled-icons.md): 了解如何在 Solid 应用程序中使用 Lucide 图标的填充效果，以及使用 Lucide 图标填充效果的限制。
- [别名 - Solid](/guide/solid/advanced/aliased-names.md): 了解 Solid 项目中 Lucide 图标可用的不同导入名称样式，以及如何选择最适合您需求的一种。

### 资源

- [无障碍性](/guide/accessibility.md): 了解如何使您的图标对所有用户（包括残障人士）都具备无障碍性。
- [VS Code](/guide/vscode.md): 学习如何在 VS Code 中使用 Lucide 图标，包括关闭自动补全、查看 JS 文档和图标预览的技巧，以及探索第三方插件以增强功能。

- [适用于 Astro 的 Lucide](/guide/astro.md): 通过我们的综合指南，学习如何在 Astro 应用程序中使用 Lucide 图标。
- [入门指南 - Astro](/guide/astro/getting-started.md): 本指南将帮助你在 Astro 项目中开始使用 Lucide。
- [从 v0 迁移](/guide/astro/migration.md)

### 基础

- [颜色 - Astro](/guide/astro/basics/color.md): 了解如何使用 color 属性和 CSS 在 Astro 应用程序中自定义 Lucide 图标的颜色。
- [尺寸 - Astro](/guide/astro/basics/sizing.md): 学习如何使用 size 属性和 CSS 在 Astro 应用中调整 Lucide 图标的大小。
- [描边宽度 - Astro](/guide/astro/basics/stroke-width.md): 学习如何在 Astro 应用程序中使用 strokeWidth 和 absoluteStrokeWidth 属性自定义 Lucide 图标的描边宽度。

### 进阶

- [TypeScript 支持 - Astro](/guide/astro/advanced/typescript.md): 了解 @lucide/astro 包导出的 TypeScript 类型。
- [无障碍性 - Astro](/guide/astro/advanced/accessibility.md): 应用程序中无障碍图标的最佳实践。
- [全局样式 - Astro](/guide/astro/advanced/global-styling.md): 学习如何使用 CSS 在 Astro 应用程序中为 Lucide 图标应用全局样式。
- [使用 Lucide Lab 或自定义图标 - Astro](/guide/astro/advanced/with-lucide-lab.md): 学习如何使用 Icon 组件在 Astro 应用程序中使用 Lucide Lab 或自定义图标。

### 资源

- [无障碍性](/guide/accessibility.md): 了解如何使您的图标对所有用户（包括残障人士）都具备无障碍性。
- [VS Code](/guide/vscode.md): 学习如何在 VS Code 中使用 Lucide 图标，包括关闭自动补全、查看 JS 文档和图标预览的技巧，以及探索第三方插件以增强功能。

- [适用于 Preact 的 Lucide](/guide/preact.md): Lucide 提供了一个 Preact 图标组件库，使得将图标集成到您的 Preact 应用程序中变得轻而易举。每个图标都可作为独立的 Preact 组件使用，从而实现无缝集成和定制。
- [入门指南 - Preact](/guide/preact/getting-started.md): 本指南将帮助您在 Preact 项目中开始使用 Lucide。
- [从 v0 迁移](/guide/preact/migration.md)

### 基础

- [颜色 - Preact](/guide/preact/basics/color.md): 了解如何在 Preact 应用程序中使用 `color` prop 或通过父元素的文本颜色值来调整图标的颜色。
- [尺寸调整 - Preact](/guide/preact/basics/sizing.md): 学习如何使用 `size` prop 或 CSS 调整 Preact 应用中的图标大小。
- [描边宽度 - Preact](/guide/preact/basics/stroke-width.md): 了解如何在 Preact 应用程序中使用 `strokeWidth` prop 调整图标的描边宽度，或使用 `absoluteStrokeWidth` prop 调整描边宽度的外观。

### 进阶

- [TypeScript 支持 - Preact](/guide/preact/advanced/typescript.md): 了解 `lucide-preact` 包导出的不同类型以及如何在你的 Preact 应用程序中使用它们。
- [无障碍性 - Preact](/guide/preact/advanced/accessibility.md): 在 Preact 应用中实现无障碍图标的最佳实践。
- [全局样式 - Preact](/guide/preact/advanced/global-styling.md): 学习如何使用 CSS 或 Lucide 上下文提供者在你的 Preact 应用中全局样式化所有 Lucide 图标。
- [使用 Lucide Lab 或自定义图标 - Preact](/guide/preact/advanced/with-lucide-lab.md): 学习如何使用 Icon 组件在 Preact 应用程序中使用 Lucide Lab 或自定义图标。
- [填充图标 - Preact](/guide/preact/advanced/filled-icons.md): 了解如何在 Preact 应用程序中使用 Lucide 图标的填充效果，以及使用 Lucide 图标填充的限制。
- [别名 - Preact](/guide/preact/advanced/aliased-names.md): 了解项目中 Lucide 图标可用的不同导入名称样式，以及如何选择最适合您需求的样式。
- [组合图标 - Preact](/guide/preact/advanced/combining-icons.md): 学习如何在 Preact 应用中通过嵌套 SVG 元素将多个图标组合成一个图标。

### 资源

- [无障碍性](/guide/accessibility.md): 了解如何使您的图标对所有用户（包括残障人士）都具备无障碍性。
- [VS Code](/guide/vscode.md): 学习如何在 VS Code 中使用 Lucide 图标，包括关闭自动补全、查看 JS 文档和图标预览的技巧，以及探索第三方插件以增强功能。

- [适用于 React Native 的 Lucide](/guide/react-native.md): Lucide 提供了一个 React Native 图标组件库，使得将图标集成到 React Native 应用程序中变得轻而易举。每个图标都可作为独立的 React Native 组件使用，从而实现无缝集成和定制。
- [开始使用 - React Native](/guide/react-native/getting-started.md): 本指南将帮助你在 React Native 项目中开始使用 Lucide。
- [从 v0 迁移](/guide/react-native/migration.md)

### 基础

- [颜色 - React Native](/guide/react-native/basics/color.md): 了解如何在 React Native 应用程序中使用 `color` 属性或通过父元素的文本颜色值来调整图标的颜色。
- [尺寸 - React Native](/guide/react-native/basics/sizing.md): 学习如何使用 `size` 属性或通过 CSS 调整 React Native 应用程序中图标的大小。
- [描边宽度 - React Native](/guide/react-native/basics/stroke-width.md): 了解如何在 React Native 应用程序中使用 `strokeWidth` 属性调整图标的描边宽度，或使用 `absoluteStrokeWidth` 属性调整描边宽度的外观。

### 进阶

- [TypeScript 支持 - React Native](/guide/react-native/advanced/typescript.md): 了解 `lucide-react-native` 包导出的不同类型以及如何在你的 React Native 应用程序中使用它们。
- [全局样式 - React Native](/guide/react-native/advanced/global-styling.md): 学习如何使用 CSS 或 Lucide 上下文提供者在你的 React Native 应用中全局设置所有 Lucide 图标的样式。
- [使用 Lucide Lab 或自定义图标 - React Native](/guide/react-native/advanced/with-lucide-lab.md): 学习如何使用 Icon 组件在 React Native 应用程序中使用 Lucide Lab 或自定义图标。
- [填充图标 - React Native](/guide/react-native/advanced/filled-icons.md): 了解如何在 React Native 应用程序中使用 Lucide 图标的填充，以及使用 Lucide 图标填充的限制。
- [别名 - React Native](/guide/react-native/advanced/aliased-names.md): 了解 React Native 项目中 Lucide 图标可用的不同导入名称样式，以及如何选择最适合您需求的样式。
- [组合图标 - React Native](/guide/react-native/advanced/combining-icons.md): 学习如何在 React Native 应用中通过嵌套 SVG 元素将多个图标组合成一个图标。
- [优化 - React Native](/guide/react-native/advanced/optimizations.md): 了解如何通过对 Lucide 图标进行摇树优化，来优化 React Native 和 Expo 网页导出的包大小。

### 资源

- [VS Code](/guide/vscode.md): 学习如何在 VS Code 中使用 Lucide 图标，包括关闭自动补全、查看 JS 文档和图标预览的技巧，以及探索第三方插件以增强功能。

- [适用于 Angular 的 Lucide](/guide/angular.md): 一个独立的、基于 Signal 且无 Zone 的实现，让您轻松将图标集成到 Angular 项目中。
- [入门指南 - Angular](/guide/angular/getting-started.md): 本指南将帮助您在 Angular 项目中开始使用 Lucide。
- [从 `lucide-angular` 迁移到 `@lucide/angular`](/guide/angular/migration.md)

### 基础

- [颜色 - Angular](/guide/angular/basics/color.md): 了解如何在 Angular 应用程序中使用 `color` 输入或通过父元素的文本颜色值来调整图标的颜色。
- [尺寸调整 - Angular](/guide/angular/basics/sizing.md): 学习如何在 Angular 应用程序中使用 `size` 输入属性或通过 CSS 调整图标的大小。
- [描边宽度 - Angular](/guide/angular/basics/stroke-width.md): 学习如何在 Angular 应用程序中使用 `strokeWidth` 输入调整图标的描边宽度，或使用 `absoluteStrokeWidth` 输入调整描边宽度的外观。

### 进阶

- [TypeScript 支持 - Angular](/guide/angular/advanced/typescript.md): `@lucide/angular` 包导出的所有类型以及如何在你的 Angular 项目中使用它们。
- [无障碍 - Angular](/guide/angular/advanced/accessibility.md): 在 Angular 应用程序中使用无障碍图标的最佳实践。
- [全局样式 - Angular](/guide/angular/advanced/global-styling.md): 学习如何使用 CSS 或 provideLucideConfig 提供者在 Angular 应用中全局样式化所有图标。
- [适用于 Angular 的 Lucide Lab](/guide/angular/advanced/with-lucide-lab.md): 学习如何在您的 Angular 应用程序中使用 Lucide Lab 的图标。
- [填充图标 - Angular](/guide/angular/advanced/filled-icons.md): 填充效果并非官方支持，但仍可使用标准 SVG 属性应用。在某些情况下，这可能会产生可接受的结果。
- [组合图标 - Angular](/guide/angular/advanced/combining-icons.md): 学习如何在 Angular 应用中通过嵌套 SVG 元素将多个图标组合成一个图标。
- [图标提供者 - Angular](/guide/angular/advanced/icon-provider.md): 了解如何使用 provideLucideIcons 全局注册图标，包括自定义图标和遗留图标。

### 资源

- [无障碍性](/guide/accessibility.md): 了解如何使您的图标对所有用户（包括残障人士）都具备无障碍性。
- [VS Code](/guide/vscode.md): 学习如何在 VS Code 中使用 Lucide 图标，包括关闭自动补全、查看 JS 文档和图标预览的技巧，以及探索第三方插件以增强功能。

- [概览](/guide/static.md)
- [入门指南](/guide/static/getting-started.md)
- [从 v0 迁移](/guide/static/migration.md)

### SVG 文件与精灵图

- [作为图片链接](/guide/static/link-as-image.md): 了解如何在项目中将 Lucide 图标作为图片使用。
- [使用 SVG 精灵](/guide/static/svg-sprite.md): 了解如何在项目中使用 Lucide 图标的 SVG 精灵，包括基本用法和内联选项。

### 图标字体

- [图标字体](/guide/static/font.md): 在您的项目中使用 Lucide 图标的 Web 字体版本。了解如何包含样式表并通过 CSS 类使用图标。
- [为 Lucide 图标字体着色](/guide/static/font/color.md): 学习如何使用 CSS 在静态项目中自定义 Lucide 图标的颜色。本指南涵盖了如何通过 CSS 类和内联样式更改图标颜色，适用于 Web 字体实现。
- [调整 Lucide 图标字体的大小](/guide/static/font/sizing.md): 了解如何使用 CSS 自定义静态项目中 Lucide 图标的大小。本指南介绍了如何在 Web 字体实现中使用 CSS 类和内联样式更改图标大小。

### SVG 字符串 JS 模块

- [在 Node.js 中使用 Lucide](/guide/static/js-modules/node.md)
- [在 Web 中使用 Lucide](/guide/static/js-modules/web.md)

### 资源

- [无障碍性](/guide/accessibility.md): 了解如何使您的图标对所有用户（包括残障人士）都具备无障碍性。
- [VS Code](/guide/vscode.md): 学习如何在 VS Code 中使用 Lucide 图标，包括关闭自动补全、查看 JS 文档和图标预览的技巧，以及探索第三方插件以增强功能。

### 关于

- [许可证](/license.md): 查阅使用 Lucide 图标和资源的许可条款。
- [社区指南](/community.md)
- [贡献指南](/contribute.md): 为 Lucide 项目贡献的指南和说明。

### 图标设计

- [图标设计指南](/contribute/icon-design-guide.md): 为 Lucide 图标库设计图标的指南和最佳实践。
- [Illustrator 模板指南](/contribute/illustrator-guide.md)
- [图标设计指南](/contribute/inkscape-guide.md)
- [Figma 模板指南](/contribute/figma-guide.md)
- [Affinity Designer 模板指南](/contribute/affinity-designer-guide.md)

### 关于

- [许可证](/license.md): 查阅使用 Lucide 图标和资源的许可条款。
- [社区指南](/community.md)
- [贡献指南](/contribute.md): 为 Lucide 项目贡献的指南和说明。

### 图标设计

- [图标设计指南](/contribute/icon-design-guide.md): 为 Lucide 图标库设计图标的指南和最佳实践。
- [Illustrator 模板指南](/contribute/illustrator-guide.md)
- [图标设计指南](/contribute/inkscape-guide.md)
- [Figma 模板指南](/contribute/figma-guide.md)
- [Affinity Designer 模板指南](/contribute/affinity-designer-guide.md)

### 关于

- [许可证](/license.md): 查阅使用 Lucide 图标和资源的许可条款。
- [社区指南](/community.md)
- [贡献指南](/contribute.md): 为 Lucide 项目贡献的指南和说明。

### 图标设计

- [图标设计指南](/contribute/icon-design-guide.md): 为 Lucide 图标库设计图标的指南和最佳实践。
- [Illustrator 模板指南](/contribute/illustrator-guide.md)
- [图标设计指南](/contribute/inkscape-guide.md)
- [Figma 模板指南](/contribute/figma-guide.md)
- [Affinity Designer 模板指南](/contribute/affinity-designer-guide.md)

### 关于

- [许可证](/license.md): 查阅使用 Lucide 图标和资源的许可条款。
- [社区指南](/community.md)
- [贡献指南](/contribute.md): 为 Lucide 项目贡献的指南和说明。

### 图标设计

- [图标设计指南](/contribute/icon-design-guide.md): 为 Lucide 图标库设计图标的指南和最佳实践。
- [Illustrator 模板指南](/contribute/illustrator-guide.md)
- [图标设计指南](/contribute/inkscape-guide.md)
- [Figma 模板指南](/contribute/figma-guide.md)
- [Affinity Designer 模板指南](/contribute/affinity-designer-guide.md)

### 关于

- [许可证](/license.md): 查阅使用 Lucide 图标和资源的许可条款。
- [社区指南](/community.md)
- [贡献指南](/contribute.md): 为 Lucide 项目贡献的指南和说明。

### 图标设计

- [图标设计指南](/contribute/icon-design-guide.md): 为 Lucide 图标库设计图标的指南和最佳实践。
- [Illustrator 模板指南](/contribute/illustrator-guide.md)
- [图标设计指南](/contribute/inkscape-guide.md)
- [Figma 模板指南](/contribute/figma-guide.md)
- [Affinity Designer 模板指南](/contribute/affinity-designer-guide.md)

### Other

- [@lucide/icons](/guide/packages/icons.md)
- [`@lucide/angular`](/guide/packages/angular.md)
- [Lucide V1 🚀](/guide/version-1.md): 经过多年的努力和奉献，Lucide V1 已正式发布！这一里程碑标志着我们在为开发者和设计师提供全面且多功能的图标库的旅程中取得了重大成就。
- [Lucide 静态资源](/guide/packages/lucide-static.md)
- [介绍](/guide.md): Lucide 简介，这是一个开源图标库，为数字和非数字项目提供 1600+ 矢量 (svg) 文件用于显示图标和符号。
- [安装](/guide/installation.md): 关于如何在各种平台和框架中安装开源图标库 Lucide 的指南。
- [比较](/guide/comparison.md): Lucide 与 Feather 图标之间的比较，突出两者的差异和优势。
- [组合图标 - Solid](/guide/solid/advanced/combining-icons.md): 学习如何在 Solid 应用中通过嵌套 SVG 元素将多个图标组合成一个图标。
- [适用于 Astro 的 Lucide](/guide/packages/lucide-astro.md)
- [适用于 Preact 的 Lucide](/guide/packages/lucide-preact.md)
- [适用于 React Native 的 Lucide](/guide/packages/lucide-react-native.md)
- [适用于 Solid 的 Lucide](/guide/packages/lucide-solid.md)
- [适用于 Svelte 的 Lucide](/guide/packages/lucide-svelte.md)
- [适用于 Vue 的 Lucide](/guide/packages/lucide-vue.md)