跳转到内容
Lucide 中文文档
搜索
K
Main Navigation
图标
指南
资源
许可证
社区
行为准则
品牌标志声明
如何使用图标
贡献图标
软件包
展示
商品
简中文档
外观
菜单
返回顶部
本页内容
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 中使用填充图标
别名名称
使用别名图标名称
组合图标
将多个图标组合成一个