fluentui-system-icons icon indicating copy to clipboard operation
fluentui-system-icons copied to clipboard

Many Broken Icons in CSS Version

Open scottkuhl opened this issue 3 years ago • 4 comments

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:

image

scottkuhl avatar Sep 05 '21 18:09 scottkuhl

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. image

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

vnbaaij avatar Sep 07 '21 11:09 vnbaaij

That does fix a lot of them. I also noticed that the alignment icons are the wrong ones.

image

image

scottkuhl avatar Sep 07 '21 18:09 scottkuhl

This issue still persist.

Phvli avatar Feb 10 '22 18:02 Phvli

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.

scottkuhl avatar May 23 '22 15:05 scottkuhl

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.

spencer-nelson avatar Sep 22 '22 21:09 spencer-nelson