Icon

import { Component } from '@angular/core';
import { WrIcon, lucideIcons, provideWrIcons } from 'ngwr/icon';

@Component({ imports: [WrIcon] })
export class MyComponent {}

import { Plus, Trash } from 'lucide';
import { lucideIcons, provideWrIcons } from 'ngwr/icon';

bootstrapApplication(AppComponent, {
  providers: [provideWrIcons(lucideIcons({ plus: Plus, trash: Trash }))],
});

import { WrIcon } from 'ngwr/icon';

@Component({ imports: [WrIcon], templateUrl: './my.html' })
export class MyComponent {}

<wr-icon name="plus" />
<wr-icon name="trash" />

import { svgIcon, provideWrIcons } from 'ngwr/icon';

provideWrIcons([
  svgIcon('brand', '<svg viewBox="0 0 24 24"><path d="…"/></svg>'),
]);