font awesome - Problem using FontAwesome icon on Angular 10

Question

I installed FontAwesome on Angular 10 with the following command, but when I use it, nothing appears on the screen.

npm install --save-dev @fortawesome/fontawesome-free

angular.json:

          "styles": [
              "./node_modules/@angular/material/prebuilt-themes/purple-green.css",
              "src/styles.css",
              "./node_modules/@fortawesome/fontawesome-free/css/all.min.css"
            ],
            "scripts": [
              "./node_modules/@fortawesome/fontawesome-free/js/all.min.js"
            ]

home.html:

<p><i class="fas fa-home"></i></p>

question from:https://stackoverflow.com/questions/65646887/problem-using-fontawesome-icon-on-angular-10

Answer 1

You can do it without install any library with just adding css to index.html

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous" />