Chapter 114: Icon provider

Core Idea

Learn how to register icons globally using provideLucideIcons, including custom and legacy icons.

Key Concepts

• UserRoundX → user-round-x
• burger → burger

Code Examples

import { ApplicationConfig } from '@angular/core';
import { provideLucideIcons, LucideSquareCheck, LucideCircleAlert } from '@lucide/angular';

export const appConfig: ApplicationConfig = {
  providers: [
    provideLucideIcons(
      LucideSquareCheck,
      LucideCircleAlert,
    ),
  ],
};

• What it demonstrates: Icon provider usage pattern from the official Lucide docs.

Key Takeaways

1. UserRoundX → user-round-x
2. burger → burger

Connects To

• Angular: part of the Angular section of the Lucide docs.
• Lucide for Angular: overview page for this section.