We value your feedback!

Can you spare a moment to take our survey?
Your feedback helps us improve Lucide and make it better for everyone.

Skip to content
Get Angular certificates from certificates.dev

TypeScript

List of exported types from the @lucide/angular package. These can be used to type your components when using Lucide icons in a TypeScript Angular project

Types

LucideIcon

Represents a self-containing Lucide icon component type that has a static icon property. You can use this type in schemas that declare an icon property.

ts
export interface LucideIcon extends Type<LucideIconProps> {
  icon: LucideIconData;
}

LucideIconData

A Lucide icon object that fully describes an icon to be displayed.

ts
export type LucideIconData = {
  name: string;
  node: LucideIconNode[];
  aliases?: string[];
};

Type guards

isLucideIconData

ts
export function isLucideIconData(icon: unknown): icon is LucideIconData {
  return true | false
}

isLucideIconComponent

ts
export function isLucideIconComponent(icon: unknown): icon is LucideIcon {
  return true | false
}