Some Font Awesome icons not working

Support
#1

I’m trying to use Creative Commons icon from Font Awesome, but it’s not working. https://fontawesome.com/icons/creative-commons?style=brands

<i data-x-icon="&#xf2b9;" aria-hidden="true"></i>

works for the address book icon. Yet

<i data-x-icon="&#xf25e;" aria-hidden="true"></i>

doesn’t work for the Creative Commons icon.

I looked, and this icon was last updated in Font Awesome 5.1, which I see was released back in 2018, so I assume the version in X Pro is more recent than that. What gives?

#2

Hey @PraxisResearch,

It’s not working because you’re using the wrong data-x-icon attribute. You should use data-x-icon-b. The following is a list of the attributes available.

  • data-x-icon-b for social icons.
  • data-x-icon-o for outline icons.
  • data-x-icon-s for solid icons
  • data-x-icon-l for light icons

If you’re interested to learn more how to display Font Awesome in our themes. Please watch the series of tutorials here https://www.youtube.com/playlist?list=PLw7aiQpJVjp9A8VSuE_WHeincN3pnnL7P

Please note that we do no recommend that use of HTML or any coding as it’s error prone.

Hope that helps.

1 Like
#3

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