Font Awesome Import Not Working

Hello,

I have a quick question. I imported font Awesome with my kit but I have no access to font awesome icons. They all fail to import.

My pen: https://codepen.io/michaelnicol/pen/eYyYERZ

<head>
  <meta charset="utf-8">
  <script src="https://kit.fontawesome.com/f6cfa43d23.js" crossorigin="anonymous"></script>
</head>

<!-- [...]  Line 23 -->

<i class="fa-solid fa-inbox-out"></i>

You sure this is the way to import it?
I think nowadays you actually have to register an email-adress to use FA and thus use some authentification.

  • Add the script to the HTML/head section of the pen settings.

  • Make sure you are using the correct version of the icons (5 vs 6) with the correct version of the Kit (5 vs 6). Some of the icons you use are V6 (like fa-pen-to-square).

  • Make sure you are using the free icons (unless you have paid). For example fa-solid fa-inbox-out is not free as far as I can tell. Use the free checkbox on the left-hand side of the icon list.


When I switch to my own Kit some of the free icons do show up (like fa-pen-to-square).

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.