how to use fa icon in angular

1"apps": [
2    {
3      "root": "src",
4      "outDir": "dist",
5      ....
6      "styles": [
7          "styles.css",
8          "../node_modules/bootstrap/dist/css/bootstrap.css",
9          "../node_modules/font-awesome/css/font-awesome.css" // -here webpack will automatically build a link css element out of this!?
10      ],
11      ...
12  }
13  ]
14],
15

1import { library } from '@fortawesome/fontawesome-svg-core';
2import { fas } from '@fortawesome/free-solid-svg-icons';
3import { far } from '@fortawesome/free-regular-svg-icons';
4library.add(fas, far);
5

1import { BrowserModule } from '@angular/platform-browser';import { NgModule } from '@angular/core'; import { AppComponent } from './app.component';import { FontAwesomeModule } from '@fortawesome/angular-fontawesome'; @NgModule({  imports: [    BrowserModule,    FontAwesomeModule  ],  declarations: [AppComponent],  bootstrap: [AppComponent]})export class AppModule { }