Semantic-UI-CSS icon indicating copy to clipboard operation
Semantic-UI-CSS copied to clipboard

2.3.0 Some Icons do not show up

Open achimkoellner opened this issue 7 years ago • 2 comments

Since upgrading to 2.3.0 some icons do not show up:

Example:

``

<i class="wrench icon"></i> displays normal
<i class="pencil alternate icon"></i> does not show (shows alternative sqare-character)

``

same happens with "copy outline icon" for instance. But most (old) Icons are visible.

When replaced the icon fonts with the new 2.3.0 version my repository didn't show any change when I replaced the icon font files but as the font files should be fontawesome v5 now it appears that they are not yet updated on github?

I cleared my browser cache.

In the inspector the icon :before content attribute seems to be filled with the correct character value but it seems that some new icons are not present in the font file.

achimkoellner avatar Mar 08 '18 08:03 achimkoellner

I tracked it down to that some content character-codes in semantic-ui-css are not according to fontawesome

For instance: The "copy outline icon" uses content: "\f0c5": https://fontawesome.com/icons/copy?style=regular

Semantic UI css references "\f332".

The "pencil alternate icon" is referencing "\f303" which is according to the fontawesome documentation but it still does not show up, so maybe it is missing in the font file?

I downloaded the font-file from the SUI documentation and used that one as the icon shows up in the docs but still it is not visible.

achimkoellner avatar Mar 08 '18 08:03 achimkoellner

I've faced same issue, icon is showing just before i add alterante outline class. After add alternate outline class it disappear

musatoktas avatar Jan 16 '19 06:01 musatoktas