[Webfont] Can't use filled and non-filled icons at the same time in latest version (3.36.1) #1452
Description
Description
The jsdelivr CDN url only loads/makes available the outline icons, not the filled icons. And the url for the filled icons replaces the icons for the base classes (e.g. 'ti-circle-x') with filled versions.
No 'ti-xxx-filled' classes work with either url. When loading the first url outline icons are displayed and when loading the second url, filled icons are displayed.
Package
- @tabler/icons
- @tabler/icons-eps
- @tabler/icons-pdf
- @tabler/icons-png
- @tabler/icons-webfont
- @tabler/icons-sprite
- @tabler/icons-preact
- @tabler/icons-react
- @tabler/icons-react-native
- @tabler/icons-solid
- @tabler/icons-svelte
- @tabler/icons-svelte-runes
- @tabler/icons-vue
- Figma plugin
- source/main
- other/not relevant
Version
3.36.1
Browser
- Chrome/Chromium
- Firefox
- Safari
- Edge
- iOS Safari
- Opera
- Other/not relevant
Operating system
- Windows
- Linux
- macOS
- ChromeOS
- iOS
- Android
- Other/not relevant
Steps to reproduce
- Load the webfont url (https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css)
- Attempt to display a filled icon with "ti ti-circle-x-filled".
- No icon is displayed.
Checklist
- I have searched if someone has submitted a similar issue before and there weren't any. (Please make sure to also search closed issues, as this issue might already have been resolved.)