How to use Font Awesome 6 icons?

Viewed 16981

I've used the Font Awesome icons before (previous version). Back then, I used a CDN like below in my HTML. But now I can't find it anymore. Is there any change on how to use them?

<link rel="stylesheet" 
  href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
2 Answers

To use the new Font Awesome 6, you can again use the CDN (if that's your preference) like the following.

<link rel="stylesheet" 
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">

Then use icons like the following.

<i class="fa-solid fa-house"></i>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />

add this link in your head of the html file, and use a font awesome link for an icon. if the link is like

<i class="fa fa-camera-retro"></i>

you want to use it in your page inside of <a tag like

<a><i class="fa fa-camera-retro"></i> fa-camera-retro</a>
Related