跳转到内容
Lucide 中文文档
搜索
K
Main Navigation
图标
指南
资源
许可证
社区
行为准则
品牌标志声明
如何使用图标
贡献图标
软件包
展示
商品
简中文档
外观
菜单
返回顶部
本页内容
Are you an LLM? You can read better optimized documentation at /guide/angular.md for this page in Markdown format
适用于 Angular 的 Lucide
一个独立的、基于 Signal 且无 Zone 的实现,让您轻松将图标集成到 Angular 项目中。
功能列表:
易于使用
:将图标作为独立的 Angular 组件使用,并提供完整的依赖注入支持。
可定制
:通过 input 属性或全局 Angular provider 调整大小、颜色和其他属性。
支持 Tree-shaking
:只有您使用的图标才会包含在最终的 bundle 中。
TypeScript 支持
:完全类型化的组件,提供更佳的开发者体验。
概述
开始使用
了解如何开始使用 Angular 版 Lucide。
从 v0 迁移
了解如何将 Lucide 从 v0 迁移到 v1。
基础
颜色
调整图标颜色
尺寸
调整图标尺寸
描边宽度
调整图标的描边宽度
高级
TypeScript
所有导出类型及其用法
无障碍
让你的图标更易访问
全局样式
为所有图标应用全局样式
使用 Lucide Lab
将 lucide-lab 与 @lucide/angular 一起使用
填充图标
在 @lucide/angular 中使用填充图标
组合图标
将多个图标组合成一个
图标提供者
在应用级提供图标并按名称使用