'Circle with question mark instead of font awesome's icons
I have a problem when trying to use font awesome icons on WordPress website. No metter what icon I use I see only blinking circle with question mark. Never had issue like this before. Screenshot with icons I have
Solution 1:[1]
Everything was added. But problem was in second font-awesome script that was manualy added. After deleting this problem dissapears.
Solution 2:[2]
It may be because you are not using the latest version of fontawesome. Update your version and try again.
Solution 3:[3]
Circle with question mark is a missing icon indicator to help with debugging missing icons or mistyped icon names. Read more on https://fontawesome.com/how-to-use/with-the-api/setup/configuration#showmissingicons
It means FontAwesome was installed correctly but the icon you try to use do not exists.
Probably you try to use old className. From version 5 FontAwesome uses new prefixes. Version 4 just had one prefix - fa. Version 5 has four prefixes to let us set the style of icon.
Example:
<i class="fa fa-camera-retro"></i> <!-- version 4's syntax -->
<i class="fas fa-camera-retro"></i> <!-- version 5's syntax -->
Read more about upgrading from Version 4 on: https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-4
Solution 4:[4]
I was having the same problem (with fontawesome 5) until I realised I was only using fontawesome CSS and linked a JS as well. Using FA locally (and downloading the full pack) solves the problems as well.
Solution 5:[5]
In my case; the issue was the FA CSS being loaded was a different version to the JS.
Ensure both FA CSS and JS versions match up to resolve the issue.
Solution 6:[6]
I found that just copying the codes off the font awesome site rarely works. Just did it --including the cdn code they gave me and had this same result of a flashing exclamation point. Changing it from far to fa fixed it. Guess they do not manage their site very well.
Solution 7:[7]
Download Font Awesome Plugin and do the following settings
Solution 8:[8]
Just experienced this and it was as simple as referencing an icon that didn't actually exist (far fa-remove).
Not sure if it was a mistake and it never worked, or if I've changed versions of Font Awesome at some point and the icon was later removed/renamed.
I suggest a search of fontawesome.com for your expected icon as a first step.
Solution 9:[9]
It could be related to a plugin conflict. I had the same issue. My icons worked fine for anyone who was logged in, but became flashing question marks when they were logged out. I ran the Fontawesome conflict scanner in the Troubleshooting section of the FA settings and it turned out to be a conflict with the plugin for 3CX Live Chat. When I disabled it, everything worked. I'll be notifying 3CX Live Chat about the issue. Hope this helps someone dealing with this issue.
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow