⭕Fix Elementor custom Icons not uploading
Why are my icons missing or broken?
Step 1: Update the Icons
To begin, update the icons by navigating to Elementor > Custom Icons > theme-icons. Once there, click on "Update."
Step 2: Clear the Cache
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.
Step 3: Fix Mixed Content Issues
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.
Step 4: Enable the PHP Zip Extension
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.
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.Step 5: Review Elementor Experiments
Navigate to Elementor > Settings > Features and verify that the "Inline Font Icons" experiment is disabled.
Step 6: Re-upload Icons
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
.zipfile containing the icons and click "Update."Clear the Elementor cache. Here’s how.
Last updated