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/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 中使用填充图标
组合图标
将多个图标组合成一个
图标提供者
在应用级提供图标并按名称使用