fluentui-system-icons
fluentui-system-icons copied to clipboard
Many Broken Icons in CSS Version
Many of the icons referenced in the CSS file seem to be broken. If you look at the FluentSystemIcons-Regular.html file it looks like this:
If you replace the content in css file that are 5 characters long and start with \100
or \200
and let them start with \0
, almost all of them are shown correctly.
As far as i can see there are only 4 bad ones left:
.icon-ic_fluent_checkbox_checked_sync_20_regular:before {
content: "\000";
}
.icon-ic_fluent_document_dismiss_16_regular:before {
content: "\009";
}
.icon-ic_fluent_document_link_16_regular:before {
content: "\00a";
}
.icon-ic_fluent_emoji_sad_16_regular:before {
content: "\00d";
}
Not found what the codes for these are supposed to be
That does fix a lot of them. I also noticed that the alignment icons are the wrong ones.
This issue still persist.
With each release the problem continues to change. Some icons are fixed and others are broken. I don't know how this CSS file is being generated, but it is not working. If you run the font file through a service like https://andreinitescu.github.io/IconFont2Code/ you will find issues.
This should have been fixed with https://github.com/microsoft/fluentui-system-icons/pull/438 and it appears ok to me when I look at the current version of fonts/FluentSystemIcons-Regular.html. Please correct me if this is still appearing.