FontAwesome and other icons not showing


From this quick and simple tutorial, you will figure out what is FontAwesome and other icons, how to use it while building your website and how to fix the issue when Font Awesome is not showing.

What is FontAwesome and why do you need it

In case you’re running a successful and demanded website, whether it’s a blog, an online shop or both, you will need some tools to make its interface attractive for visitors. Here comes the FontAwesome icons! You are able to download them from the official website.

The FontAwesome features allow you to use vector icons and previously created logos to leave links on your social accounts. You can either use a free version or go pro and apply all the possibilities to the full. Each icon is desktop-friendly and supports basic styling. You are able to change its size and color or rotate, align and mirror it.

What is more, you can apply the FontAwesome icons in the most suitable way. Use it vie CDN or download the icons to your own host. You are also able to download it with the help of npm. In addition, the CSS processors tools are also included.

Why the FontAwesome icons may disappear

Despite the fact that the FontAwesome icons are very flexible and responsive, there may be some problems while using it on the pages of your website. However, all the issues are quite easy to fix and the process of troubleshooting will take a matter of clicks. There may actually be the two main issues on the icons are not showing:

  • you’ve done some changes to the Elementor plugin;
  • icons have disappeared from the icons library.

1. Changes in Elementor plugin

Some of your implemented FontAwesome icons may not be shown, in case you’ve updated the Elementor plugin to the newest version or simply after installation of the plugin. To fix this problem, firstly you need to go to your admin dashboard.

Go to the “Elementor” > “Settings” and open the “Advanced” tab. Here you need to find the “Load Font Awesome 4 Support” option and activate it.

font awesome icons not showing

    2. Icons dissapear from the library

    In case you are using the theme and templates, which provides you with the “Nucleo Mini icons” Elementor feature, then the FontAwesome icons may disappear from the icons library if you have updated The Elementor plugin to the 2.7.1 version.

    Go to the page, where your icons have to be showcased. Click on the “Edit with Elementor” button and then open the media library. Here you are able to check if the icon is in the library. In there isn’t the needed one, to fix this problem you need to update your Kava Extra plugin to the 1.0.5 version.

    font awesome icons not showing

      We hope you like our simple and quick tutorial on how to fix the issue with FontAwesome not showing after updating Elementor. Subscribe to our newsletters to find more useful tutorials and listings!