angular-font-awesome angular 10 code example

Example 1: font awesome angular

//install in your project directory
npm install --save @fortawesome/fontawesome-free

// in angular.json add in the 'build' section the following lines in 'styles' and 'scripts'
"styles": [
           "node_modules/@fortawesome/fontawesome-free/css/all.css"
        ]

"scripts": [
          "node_modules/@fortawesome/fontawesome-free/js/all.js"
        ]

//from now on, you can use fontawesome icons through the <i>
    <i class='fab fa-facebook'></i>

Example 2: 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,
],