angular production font awesome icons code example
Example 1: font awesome angular
npm install --save @fortawesome/fontawesome-free
"styles": [
"node_modules/@fortawesome/fontawesome-free/css/all.css"
]
"scripts": [
"node_modules/@fortawesome/fontawesome-free/js/all.js"
]
<i class='fab fa-facebook'></i>
Example 2: angular font awesome
ng add @fortawesome/angular-fontawesome@<version>
import { Component } from '@angular/core';
import { faCoffee } from '@fortawesome/free-solid-svg-icons';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent {
title = 'font awesome usage';
faCoffee = faCoffee;
}
<fa-icon [icon]="faCoffee"></fa-icon>