Broken Icon box

Hello,

Thank you for reaching out with your concern about the SVG file display in the Icon Box widget. I understand how this can be confusing, especially when older icons are loading correctly.

There are a few potential causes for this issue, and I’ll suggest some troubleshooting steps:

1. Clear Cache: It’s possible that a cache-related issue is causing your newly uploaded SVG not to be displayed correctly. If you have a caching plugin installed or if your hosting provider provides server-side caching, you should clear the cache to ensure you’re viewing the most recent version of your site.
2. Disable Elementor Experiments: Elementor has a set of experimental features that you can enable or disable. Some of these experimental features can affect how SVGs and icons are loaded. You can find this option under Elementor > Settings > Experiments. If any of these experiments are active, try deactivating them and see if it resolves your issue.
3. Check for Plugin Conflicts: Temporarily deactivate all other plugins except Elementor and check if the SVG file appears correctly. If it does, reactivate the plugins one by one to identify the one causing the conflict.
4. Update Elementor: Make sure that you are using the latest version of Elementor. Outdated versions can sometimes cause unexpected issues.

If these steps don’t resolve your issue, please consider seeking the help of a developer or your hosting provider. It’s possible that the issue may be deeper and requires more advanced troubleshooting.

I hope this helps! If you have any further issues or questions, please feel free to reach out.

Best Regards,

Hello,

I tried all of those things, but if I put an icon, now it disappears…

Hey,
Firstly check your Elementor Its up to date and check your console.
Disable all plugin which you are not using.
Use regenerate css option in elementor settings.