⭕Fix Elementor custom Icons not uploading
Why are my icons missing or broken?
Last updated
Why are my icons missing or broken?
Last updated
To begin, update the icons by navigating to Elementor > Custom Icons > theme-icons. Once there, click on "Update."
To prevent caching issues, it's essential to clear caches from various sources:
Browser: Clear the cache directly within your browser.
CDN: Clear the cache through your CDN provider.
Hosting: Clear the cache according to your hosting service's guidelines.
Plugin: Clear any cache managed by specific plugins.
Elementor: Follow this guide to clear the Elementor cache.
If your installation has an SSL certificate, the absence of icons might be due to mixed content errors, which happen when some URLs in the database still use http://. To correct this, execute a search and replace using Better Search Replace or WP-CLI.
If you don’t see the "Publish" section on the right after going to Elementor > Custom Icons, it means the PHP Zip extension, which includes the ZipArchive class, is not enabled. This extension is essential for Elementor to support custom icon fonts.
Navigate to Elementor > Settings > Features and verify that the "Inline Font Icons" experiment is disabled.
If none of the previous steps resolved the issue, reach out to our Support Team here. We can provide the original theme icons for you.
To re-upload the icons, follow these instructions:
Go to Elementor > Custom Icons.
Clear your browser cache.
Click "Add New" and name the icon set "theme-icons."
Upload the .zip file containing the icons and click "Update."
Clear the Elementor cache. Here’s how.
php.ini file, provided you have access and the extension is already installed on your server. Otherwise, you can contact your hosting provider to enable it for you.