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 (1)
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.
