pnpm add feather-iconsFeather
The original minimal 24px stroke set. 287 icons. Click any tile to copy the import snippet.
Installation
Wire icons
Pull individual .svg files via your bundler's raw import (?raw for Vite, raw-loader for Webpack, --loader:.svg=text for esbuild). Pass each SVG string through svgIcon().
import plusSvg from 'feather-icons/dist/icons/plus.svg?raw';
import trashSvg from 'feather-icons/dist/icons/trash-2.svg?raw';
import { provideWrIcons, svgIcon } from 'ngwr/icon';
bootstrapApplication(AppComponent, {
providers: [
provideWrIcons([
svgIcon('add', plusSvg),
svgIcon('trash', trashSvg),
]),
],
});
// Then in any template: <wr-icon name="add" />