Component

Icon

Thin wrapper over @ng-icons/core. Inherits the parent colour and is compatible with all icon libraries registered with provideIcons().

import { NeuIconComponent } from '@neural-ui/core/icon';

Sizes

Stroke width

Colour inherited from context

import { NeuIconComponent } from '@neural-ui/core/icon';
import { provideIcons } from '@ng-icons/core';
import { lucideSearch, lucideUser } from '@ng-icons/lucide';

@Component({
  imports: [NeuIconComponent],
  providers: [provideIcons({ lucideSearch, lucideUser })],
  template: `
    <neu-icon name="lucideSearch" />
    <neu-icon name="lucideUser" size="2rem" />
    <neu-icon name="lucideSearch" strokeWidth="1.5" />
  `
})
export class MyComponent {}