title: Font Awesome icons not working in ASP.NET core web application
body: <p>I am trying to use the social icon of fontawesome, I have the below version.</p>
  
  <pre><code> "@fortawesome/fontawesome-free": "^5.13.0"
  </code></pre>
  
  <p>I have this code </p>
  
  <p><code>&lt;i class="fa fa-google-plus fa-fw"&gt;&lt;/i&gt;
  &lt;i class="fa fa-facebook fa-fw"&gt;&lt;/i&gt;</code></p>
  
  <p>in bundle config asp.net core </p>
  
  <pre><code>{
      "outputFileName": "ClientApp/public/vendor.min.css",
      "inputFiles": [
        "../node_modules/@fortawesome/fontawesome-free/css/all.css"
      ],
      "minify": { "enabled": false }
    }
  </code></pre>
  
  <p>I have tried with <code>fa,fas,far,fal,fad,fab</code> none of this works.</p>
  
  <p><a href="https://i.stack.imgur.com/BNJtt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BNJtt.png" alt="enter image description here"></a></p>
  
  <p>In the network load page I can see the css contain </p>
  
  <pre><code>.fa-facebook:before {
    content: "\f09a"; }
  
  .fa-facebook-f:before {
    content: "\f39e"; }
  
  .fa-facebook-messenger:before {
    content: "\f39f"; }
  
  .fa-facebook-square:before {
    content: "\f082"; }
  </code></pre>
  
  <p><strong>It's not about the social icons only, none of the icons are working for me.</strong></p>
  
  <p>Reference</p>
  
  <p><a href="https://stackoverflow.com/questions/49403607/chrome-font-awesome-5-some-icons-are-not-working">Chrome - Font Awesome 5 some icons are not working</a></p>