font awesome icons in angular code example

Example 1: font awesome install in angular

npm install --save font-awesome angular-font-awesome
//once installed you will to import font awesome to your app.module.ts
import { AngularFontAwesomeModule} from 'angular-font-awesome';
//on your app.module.ts add AngularFontAwesomeModule under imports
imorts[
.../
AngularFontAwesomeModule,
],

Example 2: how to use the downloaded fontawsoem icons in angula

"apps": [
    {
      "root": "src",
      "outDir": "dist",
      ....
      "styles": [
          "styles.css",
          "../node_modules/bootstrap/dist/css/bootstrap.css",
          "../node_modules/font-awesome/css/font-awesome.css" // -here webpack will automatically build a link css element out of this!?
      ],
      ...
  }
  ]
],

Example 3: how to get fas icons in angualr

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

Example 4: how to use fa-icon in angular

import { 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 { }