import { lucide } from 'ngwr/icon';Lucide
A modern, community-maintained Feather fork of 24px stroke icons.
Installation
Import the class, and @use the entry point in your global styles: without it the component renders unstyled.
Wire icons
Install lucide, then pass the icons you import from it to lucideIcons() from ngwr/icon. Tree-shakes per icon — only what you import ships.
pnpm add lucideimport { Plus, Trash2 } from 'lucide';
import { lucideIcons, provideWrIcons } from 'ngwr/icon';
bootstrapApplication(AppComponent, {
providers: [
provideWrIcons(lucideIcons({
add: Plus,
trash: Trash2,
})),
],
});
// Then in any template: <wr-icon name="add" />Browse the catalog
2,163 icons. Click any tile to copy the import snippet.