Switched to the angular-fontawesome package, recommended by font awesome

Author: PI-Mathis

package-lock.json

@@ -21,7 +21,10 @@
     "@angular/platform-browser": "^6.0.3",
     "@angular/platform-browser-dynamic": "^6.0.3",
     "@angular/router": "^6.0.3",
+    "@fortawesome/angular-fontawesome": "^0.3.0",
     "@fortawesome/fontawesome-free-webfonts": "^1.0.9",
+    "@fortawesome/fontawesome-svg-core": "^1.2.8",
+    "@fortawesome/free-solid-svg-icons": "^5.5.0",
     "@ng-bootstrap/ng-bootstrap": "^3.0.0",
     "bootstrap": "^4.1.1",
     "core-js": "^2.5.4",

package.json

@@ -6,7 +6,7 @@
         <div class="card col-md-6 mt-3 mx-auto">
           <div class="card-body">
             <h4 class="card-title text-center">
-              <i class="fas fa-user-circle fa-3x"></i>
+              <fa-icon [icon]="faUserCircle" size="3x"></fa-icon>
             </h4>
             <router-outlet></router-outlet>
           </div>

src/app/layouts/auth-layout/auth-layout.component.html

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { faUserCircle } from '@fortawesome/free-solid-svg-icons';
 
 @Component({
   selector: 'app-auth-layout',
@@ -7,6 +8,8 @@ import { Component, OnInit } from '@angular/core';
 })
 export class AuthLayoutComponent implements OnInit {
 
+  faUserCircle = faUserCircle;
+
   constructor() { }
 
   ngOnInit() {

src/app/layouts/auth-layout/auth-layout.component.ts

@@ -6,6 +6,7 @@ import { RouterModule } from '@angular/router';
 import { LayoutModule } from './layout/layout.module';
 
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
 import { ControlMessagesComponent } from './components/control-messages/control-messages.component';
 import { SpinnerComponent } from './components/spinner/spinner.component';
@@ -34,6 +35,7 @@ import { SpinnerComponent } from './components/spinner/spinner.component';
       LayoutModule,
 
       NgbModule,
+      FontAwesomeModule,
 
       ControlMessagesComponent,
       SpinnerComponent