<sl-icon> Iconoir documentation example broken after Iconoir v7 update
Author: davidcromianski-devCreated Sep 17, 2025Updated Sep 17, 2025
Labelsbug
Since Iconoir v7.0.0, the CDN path for icons changed, causing the Shoelace documentation example for the Iconoir library to break.
- Old path:
https://cdn.jsdelivr.net/gh/lucaburgio/iconoir@latest/icons/${name}.svg - New path:
https://cdn.jsdelivr.net/gh/lucaburgio/iconoir@latest/icons/regular/${name}.svg
To Reproduce
Steps to reproduce:
- Visit Shoelace Icon Component — Iconoir example
- Observe that the icon does not load
Expected behavior
The example should load the Iconoir icons using the updated CDN path.
Suggested fix
- Update the CDN path in the documentation example to the new format.
- Update the example icon reference:
<!-- Current (invalid) --> <sl-icon library="iconoir" name="check-circled-outline"></sl-icon> <!-- Suggested --> <sl-icon library="iconoir" name="check-circle"></sl-icon>
Note: check-circled-outline no longer exists in Iconoir v7.
Screenshots
Before
After
Source: shoelace-style/shoelace