Lucide for Angular

A standalone, signal-based, zoneless implementation that makes it easy to integrate icons into your Angular projects.

List of features:

• Easy to Use: Use icons as standalone Angular components with full dependency injection support.
• Customizable: Adjust size, color, and other properties via inputs or globally with an Angular provider.
• Tree-shakable: Only the icons you use are included in your final bundle
• TypeScript Support: Fully typed components for better developer experience.

Overview

Getting startedLearn how to get started with Lucide for Angular.Migration from v0Learn how to migrate from v0 to v1 of Lucide.

Basics

ColorAdjust the color of your iconsSizingAdjust the size of your iconsStroke widthAdjust the stroke width of your icons

Advanced

TypescriptAll exported types and how to use themAccessibilityMaking your icons accessibleGlobal stylingApply global styles to all iconsWith Lucide LabUsing lucide-lab with @lucide/angularFilled iconsUsing filled icons in @lucide/angularCombining iconsCombine multiple icons into oneIcon providerProvide icons at app level and use them by name