HTML can't recognize Font-Awesome

Question

I have a problem My web app can't recognize the icons that I put with font-awesome, I dont know why. I have in my index.html in the header this:

<link rel="stylesheet" href="\~/lib/font-awesome/css/all.min.css"/>

<link rel="stylesheet" href="\~/lib/font-awesome/css/fontawesome.min.css"/>

Also have in my index.html:

<script src="\~/lib/font-awesome/js/all.min.js"></script>

<script src="\~/lib/font-awesome/js/fontawesome.min.js"></script>

In the component where I call the icon I have:

<div class="row g-3 ">

    <div class="col-auto"><i class="fa-solind fa-circle-user"></i></div>

</div>

Is someone knows, why it does not work? I've tried everything and it doesn't work

Answer 1

I'm not sure which version you're using and if you are only allowed to use free icons. The icons you use fa-solind and fa-circle-user cannot be found. Below an example with a free icon using version 5.15.4. Maybe it helps for you to find where you go wrong.

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"/>
<div class="row g-3 ">
  <div class="col-auto"><i class="fas fa-user"></i></div>
</div>