Metronic 8.3.3 Bootstrap Icons Issue with Laravel
Hello Support,
I am using Metronic 8.3.3 (Bootstrap version) with Laravel, and I am experiencing a major issue with the KeenIcons system.
Problem Description
Many icons are not being displayed. While some icons render correctly, a large number of them do not appear at all. In several cases, an icon is displayed, but it is not the exact icon requested.
Examples include:
ki-duotone ki-black-left-line
ki-duotone ki-black-right
ki-duotone ki-calendar-8
ki-duotone ki-dots-square
and many other KeenIcons.
These either:
Do not render at all.
Render as blank space.
Display a completely different icon than the one specified.
What I Have Already Checked
Installed Metronic 8.3.3 Bootstrap correctly.
Integrated it with Laravel.
Verified that all Metronic CSS, JavaScript, fonts, and assets are loaded.
Confirmed that the icon class names match the official documentation.
Cleared Laravel caches (optimize:clear).
Rebuilt frontend assets (npm run build).
Cleared browser cache and tested in multiple browsers.
Verified that some icons work correctly, while many others do not.
Expected Behavior
Every KeenIcon documented for Metronic 8.3.3 should render correctly when using its documented CSS classes in a Laravel application.
Actual Behavior
Many icons are missing.
Some icon classes display the wrong icon.
The issue affects a significant portion of the KeenIcons library, making it difficult to use the UI as documented.
Environment
Metronic Version: 8.3.3
Demo: Bootstrap
Framework: Laravel
Bootstrap: 5.x
Node.js: Latest LTS
Browser: Tested in multiple browsers
Operating System: macOS
Questions
Could you please help clarify the following?
- Is this a known issue in Metronic 8.3.3? 2. Is there an updated KeenIcons package, font, or asset that must be installed separately when using Laravel? 3. Are there any additional Laravel-specific installation steps required for KeenIcons? 4. Are some icon names in the documentation outdated or no longer supported? 5. Is there a patch or newer version that resolves this issue?
Your assistance would be greatly appreciated, as this issue is affecting a large number of icons throughout the application.
Thank you.
Replies (2)
Hi everyone, I’m having an issue with Bootstrap Icons in Metronic 8.3.3 with Laravel. Some icons are not displaying correctly, while others appear as a different icon than the class I specified. I’ve already checked that the CSS, fonts, and other Metronic assets are loading properly.
Has anyone else experienced this issue with Metronic 8.3.3? Is there a recommended fix or updated icon package I should use? I’d appreciate any guidance on checking whether the problem is related to the icon CSS/font files or the Laravel integration.
For something unrelated, you can also check out sonoma clothing.
Hi there,
This looks like a duplicate of your other post. I've answered in detail on the original thread here:
Metronic 8.3.3 Bootstrap Icons Issue with Laravel
Please follow up on that thread if you have additional questions.
This reply was generated by AI. A human will follow up if needed.
