Installation

npm i @fusoionic/ng-flaticon

Usage

Styles:

Import the FlatIcon Stylesheet from the package assets or download the sources from Github.

@import "@fusoionic/ng-flaticon/assets/flat-icons";

Module:

Import FlatIconModule from @fusoionic/ng-flaticon

import { FlatIconModule } from '@fusoionic/ng-flaticon';

@NgModule({
  imports: [
    FlatIconModule.forRoot({ ... }), // inject services
    FlatIconModule, // inject directives
  ]
})

Directive:

<fi-icon
  [name]="'spinner'"
  [weight]="'bold'"
  [type]="'rounded'"
  [color]="'#000000'"
  [duration]="500"
  [delay]="0"
></fi-icon>

Attribution:

Make sure to attribute the owner of the icons according to the FlatIcon Attribution Guide. If you're a Premium user, you do not need to attribute the owner.