Skip to content
Lucide 中文文档
Main Navigation
图标
指南
资源
许可证
社区
行为准则
品牌标志声明
贡献指南
图标设计指南
软件包
展示
商品
简中文档
Appearance
Menu
Return to top
On this page
Are you an LLM? You can read better optimized documentation at /guide/vue.md for this page in Markdown format
适用于 Vue 的 Lucide
Lucide 提供了一个 Vue 图标组件库,使得将图标集成到您的 Vue 应用程序中变得简单易行。 每个图标都作为独立的 Vue 组件提供,支持无缝集成和定制。
功能列表:
易于使用
:将图标作为 Vue 组件导入,并在您的 Vue 组件中结合 JSX 直接使用它们。
可定制
:通过 props 调整大小、颜色和其他属性。
支持 Tree-shaking
:只有您使用的图标才会包含在最终打包文件中
TypeScript 支持
:完全类型化的组件,提供更好的开发者体验。
概览
开始使用
了解如何开始使用 Vue 版 Lucide。
从 v0 迁移
了解如何将 Lucide 从 v0 迁移到 v1。
基础
颜色
调整图标颜色
尺寸
调整图标尺寸
描边宽度
调整图标的描边宽度
进阶
TypeScript
所有导出类型及其用法
无障碍
让你的图标更易访问
全局样式
为所有图标应用全局样式
使用 Lucide Lab
将 lucide-lab 与 @lucide/vue 一起使用
填充图标
在 @lucide/vue 中使用填充图标
别名名称
使用别名图标名称
组合图标
将多个图标组合成一个