Are you an Elementor fan? Do you love creating stunning websites with this powerful page builder? If yes, then there’s a high chance that at some point, you may have encountered the frustrating issue of missing icons in Elementor. It can be quite annoying when your design elements don’t show up as expected. But worry not! In this blog post, we’ll guide you through the process of fixing Elementor icons not showing so that you can resume designing beautiful pages with ease. So let’s dive right in and get started!

The Problem

If you’re using Elementor and you find that your icons are not showing up, don’t worry – this is a common problem that can be easily fixed.

There are a few possible reasons for why your icons might not be appearing:

  1. The most common reason is that the icon font file hasn’t been uploaded to your server. This can happen if you’ve recently switched to a new icon font or if you’ve updated your theme or plugin. To fix this, simply upload the appropriate icon font file to your server. You can find instructions on how to do this here:
  2. Another possibility is that youricons are being blocked by a security plugin or service. This is often the case with CloudFlare, which has been known to block certain types of icon fonts.
  3. To fix this, simply whitelist the icon font domain in your security settings. You can find instructions on how to do this here: .
  4. Finally, it’s also possible that your WordPress installation is configured to use an HTTP proxy. This can sometimes cause problems with loading resources like fonts and icons.

To fix this, simply add the following line to your wp-config.php file: define(‘WP_PROXY_BYPASS_HOSTS’, ‘localhost’);

The Solution

If you’re using Elementor and find that your icons are not showing up, there are a few potential solutions.

First, make sure that you have the latest version of Elementor installed. If you’re not sure, you can check by going to the Updates page in your WordPress dashboard. If there’s a new version available, update Elementor and see if that fixes the issue.

If updating Elementor doesn’t work, the next step is to try changing the icon font. In your WordPress dashboard, go to Elementor > Settings > General, and scroll down to the Icon Font section. From here, you can select a different icon font, or even upload your own custom font.

If neither of these solutions work, it’s possible that your theme is causing the issue. In this case, you’ll need to contact your theme developer for assistance.

How to implement the solution?

If you’re facing the issue of Elementor icons not showing, there are a few things you can do to fix it.

First, make sure that you have the latest version of Elementor installed. If you’re not sure, you can check by going to the “Updates” page in your WordPress dashboard.

If there’s an update available, install it and then try updating your icon font. This can be done by going to the “Settings” page in Elementor and clicking on the “Update” button next to the “Icon Font” setting.

If that doesn’t work, try resetting your icon font. This can be done by going to the “Settings” page in Elementor and clicking on the “Reset” button next to the “Icon Font” setting.

If all else fails, you can try uninstalling and reinstalling Elementor. This should only be done as a last resort, as it will delete all of your settings and content created with Elementor.

Conclusion

Elementor icons not showing can be a real pain, but it is usually caused by an element or plugin conflict. We hope that this article has helped you to understand what could be causing the issue and how to fix it. If you are still having trouble with your elements or plugins not working properly after following these steps, please contact us so we can help you troubleshoot further.

Categorized in: