Installation

npm i @ethalium/ngx-flaticon

Usage

Version Convention:

The version of this package reflects the version of FlatIcons.

Styles:

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

@import "@ethalium/ngx-flaticon/assets/flat-icons";

Module:

Import FlatIconModule from @ethalium/ngx-flaticon

import { FlatIconModule } from '@ethalium/ngx-flaticon';

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

Directive:

<fi
  [name]="'spinner'"
  [family]="'rounded'"
  [weight]="'bold'"
  [color]="'#000000'"
></fi>

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.