Question 43551 in Html Question posted in
Some basic documentation can be found here.

Font Awesome icons with class "fa-brands" don't work – Html

I have imported a font awesome library in the header as

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

and I have in the body

<i class="fa-brands fa-medium"></i>

which does not render (is blank). I am trying to get the icon from this library,
but if I omit brands I get a different medium icon.

Tags:

2

Answers


  1. 0

    Add fa class:

    <i class="fa fa-brands fa-medium"></i>
    Login or Signup to reply.
  2. 0

    You are loading a very old version of Font Awesome (4.7.0) but the documentation you link to is for the current version (6.3.0).

    See Upgrade from version 4 which says:

      <!-- Version 4's syntax -->
  <i class="fa fa-camera-retro"></i> 

  <!-- Version 6's syntax -->
  <i class="fa-solid fa-camera-retro"></i>

    fa-brands is the icon style syntax that was introduced after the version of Font Awesome you are using was released.

    Upgrade to the current version.

     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search