Font Awesome CSS icons not working

Hi, I tried to use font awesome icons using CSS but they are not displaying, here is the code that I used:

.stars-outer::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f005";
  color: #ccc;}

Also of course I have included the font awesome CDN link to my kit (that is in web font technology). Any idea what I have done wrong?

For starters in your html you have to specify a particular icon name you would like to use in your code with the ā€œiā€ tag. You can also head over to this link : https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use for more explanations and usage.
Hope this helps.