I can't get my font-awesome icons to show up. Tried importing css with multiple methods. Using html template

Question

I\'m building a website portfolio using a HTML template. I don\'t have too much experience with css, but after importing the font-awesome css file both as a link and file in

Answer 1

You need to use the fas class and the pencil one will not show because it belong to the PRO package¹ (https://fontawesome.com/icons/pencil?style=solid)

ul a {
  text-decoration:none;
  font-size:25px;
}

  

  
Magnifier
  
Tablet
  
Flask
  
Cog?

You cannot use the regular version of these icons far because all of them belong to the PRO package² so they won't show

ul a {
  text-decoration:none;
  font-size:25px;
}

  

  
Magnifier
  
Tablet
  
Flask
  
Cog?

https://fontawesome.com/icons/tablet?style=regular

https://fontawesome.com/icons/search?style=regular

https://fontawesome.com/icons/flask?style=regular

https://fontawesome.com/icons/cog?style=regular

---

1 As you can see below, all the versions of this icon are PRO so there is no way to use this icon with the Free package:

2 As you can see below, only the solid version isn't PRO so only this one is included in the Free package unlike the 2 others.

Related questions:

Font Awesome 5 on pseudo elements shows square instead of icon

Font Awesome 5 Choosing the correct font-family in pseudo-elements