@ -11,7 +11,7 @@ type : 'UI Element'
< p > An icon is a glyph used to represent another concept more simply.< / p >
< div class = "ui basic labeled icon toggle overview button" >
Definition
< i class = "book icon icon " > < / i >
< i class = "book icon" > < / i >
< / div >
< / div >
< / div >
@ -370,7 +370,7 @@ type : 'UI Element'
< div class = "example" >
< h4 class = "ui header" > Disabled< / h4 >
< p > An icon can show that it is disabled< / p >
< i class = "disabled users icon icon " > < / i >
< i class = "disabled users icon" > < / i >
< / div >
< h2 class = "ui dividing header" > Variations< / h2 >
@ -378,15 +378,15 @@ type : 'UI Element'
< div class = "example" >
< h4 class = "ui header" > Size< / h4 >
< p > An icon can vary in size< / p >
< i class = "small home icon icon " > < / i >
< i class = "small home icon" > < / i >
< br >
< i class = "home icon icon " > < / i >
< i class = "home icon" > < / i >
< br >
< i class = "large home icon icon " > < / i >
< i class = "large home icon" > < / i >
< br >
< i class = "huge home icon icon " > < / i >
< i class = "huge home icon" > < / i >
< br >
< i class = "massive home icon icon " > < / i >
< i class = "massive home icon" > < / i >
< / div >
< div class = "example" >
@ -421,42 +421,42 @@ type : 'UI Element'
< div class = "example" >
< h4 class = "ui header" > Circular< / h4 >
< p > An icon can be formatted to appear circular< / p >
< i class = "circular users icon icon " > < / i >
< i class = "circular teal users icon icon " > < / i >
< i class = "circular inverted users icon icon " > < / i >
< i class = "circular inverted teal users icon icon " > < / i >
< i class = "circular users icon" > < / i >
< i class = "circular teal users icon" > < / i >
< i class = "circular inverted users icon" > < / i >
< i class = "circular inverted teal users icon" > < / i >
< / div >
< div class = "example" >
< h4 class = "ui header" > Square< / h4 >
< p > An icon can be formatted to appear square< / p >
< i class = "square users icon icon " > < / i >
< i class = "square teal users icon icon " > < / i >
< i class = "square inverted users icon icon " > < / i >
< i class = "square inverted teal users icon icon " > < / i >
< i class = "square users icon" > < / i >
< i class = "square teal users icon" > < / i >
< i class = "square inverted users icon" > < / i >
< i class = "square inverted teal users icon" > < / i >
< / div >
< div class = "example" >
< h4 class = "ui header" > Colors< / h4 >
< p > An icon can be formatted with different colors< / p >
< i class = "black users icon icon " > < / i >
< i class = "blue user icon icon " > < / i >
< i class = "red community icon icon " > < / i >
< i class = "green add user icon icon " > < / i >
< i class = "purple chat icon icon " > < / i >
< i class = "teal comment icon icon " > < / i >
< i class = "black users icon" > < / i >
< i class = "blue user icon" > < / i >
< i class = "red community icon" > < / i >
< i class = "green add user icon" > < / i >
< i class = "purple chat icon" > < / i >
< i class = "teal comment icon" > < / i >
< / div >
< div class = "example" >
< h4 class = "ui header" > Inverted< / h4 >
< p > an icon can have its colors inverted for contrast< / p >
< i class = "inverted black users icon icon " > < / i >
< i class = "inverted blue user icon icon " > < / i >
< i class = "inverted red community icon icon " > < / i >
< i class = "inverted green add user icon icon " > < / i >
< i class = "inverted purple chat icon icon " > < / i >
< i class = "inverted teal comment icon icon " > < / i >
< i class = "inverted black users icon" > < / i >
< i class = "inverted blue user icon" > < / i >
< i class = "inverted red community icon" > < / i >
< i class = "inverted green add user icon" > < / i >
< i class = "inverted purple chat icon" > < / i >
< i class = "inverted teal comment icon" > < / i >
< / div >