Semantic-ui: user icons not working as expected

Created on 16 Jul 2017  路  4Comments  路  Source: Semantic-Org/Semantic-UI

Steps to reproduce

Using <i class="user outline"</i> and getting blank. Also user icons with circles are broken too, getting just black circle/white circle.
https://jsfiddle.net/dmc0m89t/1/ <== reproduce

Thank you!

Usage Question

Most helpful comment

You always have to append " icon" at the end of the class name. "user outline" does not appear as an icon, as it is not defined as one. "user outline icon" works:

https://jsfiddle.net/h7b1744x/

All 4 comments

You're getting blank because "user outline" is not an icon, only "user".

About the issue with the circles, can you please add it to the jsfiddle?

Hi @JustasPolis, you can fork this JSFiddle.

Here is a fiddle forked from @Banandrew's reproducing the issue:
https://jsfiddle.net/calvinclaus/ohnc641z/1/

The classnames were copied from the "User Types" section here: https://semantic-ui.com/elements/icon.html

As you can see the "user outline" does not appear.

You always have to append " icon" at the end of the class name. "user outline" does not appear as an icon, as it is not defined as one. "user outline icon" works:

https://jsfiddle.net/h7b1744x/

Was this page helpful?
0 / 5 - 0 ratings

Related issues

kntmrkm picture kntmrkm  路  3Comments

davialexandre picture davialexandre  路  3Comments

batata004 picture batata004  路  3Comments

zhaoyao91 picture zhaoyao91  路  3Comments

vinhtq picture vinhtq  路  3Comments