A font awesome icon is not displayed

תמיכה
1

I’m trying to display the free ranking-star. I added it to the SVG icons in the Custom Header Links (icons) component:

image
image810×160 15.3 KB

And called it in my link:

image
image479×115 2.26 KB

But it doesn’t show:
image

Generated HTML:

<li class="custom-header-icon-link header-icon-tableau-des-leaders vdo last-custom-icon">
  <a class="btn no-text icon btn-flat" href="/leaderboard" title="Tableau des leaders" rel="noopener">
      <svg class="fa d-icon d-icon-ranking-star svg-icon fa-width-auto svg-string" width="1em" height="1em" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><use href="#ranking-star"></use></svg><span class="sr-only">Tableau des leaders</span>
  </a>
</li>

It works fine with other icons such as “star”.
Is it a FontAwesome version problem? The ranking-star should be avail in FA6 shipped with Discourse per this announcement.

2

The fab prefix is for FontAwesome Brand icons. The ranking-star icon is not a brand icon. It’s solid. So you don’t need any prefix.


That announcement is outdated. Discourse ships V7 since January. But there was no announcement :woman_shrugging: