Icon

Semantic UI includes a complete port of Font Awesome 4.5.6 designed by Dave Gandy for its standard icon set.

[icon] shortcode arguments
classes:
Size -
[mini|tiny|small|medium|large|big|huge|massive]
Color -
[red|green|blue|...]
Flip -
[horizontally flipped|vertically flipped]
Rotation -
[clockwise rotated|counterclockwise rotated]
Other -
[circular|bordered|disabled]
Name -
[icon name]
Find all the available icons at semantic-ui.com/elements/icon.html
Icons
<icon users>
<icon disabled users>
Icon sizes
<icon mini home>
<icon tiny home>
<icon small home>
<icon home>
<icon large home>
<icon big home>
<icon huge home>
<icon massive home>
Icon colors
<icon red users>
<icon orange users>
<icon yellow users>
<icon olive users>
<icon green users>
<icon teal users>
<icon blue users>
<icon violet users>
<icon purple users>
<icon pink users>
<icon brown users>
<icon grey users>
<icon black users>
Icon variations
<icon horizontally flipped cloud>
<icon vertically flipped cloud>
<icon clockwise rotated cloud>
<icon counterclockwise rotated cloud>
<icon circular cloud>
<icon circular teal cloud>
<icon circular inverted cloud>
<icon circular teal inverted cloud>
<icon bordered cloud>
<icon bordered blue cloud>
<icon bordered inverted cloud>
<icon bordered blue inverted cloud>
Icons with text gradient
<icon massive home text-gradient="19deg, #21D4FD 0%, #B721FF 100%">
<icon massive cloud text-gradient="90deg, #FAD961 0%, #F76B1C 100%">
<icon massive open envelope text-gradient="45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%">
<icon massive theme text-gradient="135deg, #8BC6EC 0%, #9599E2 100%">
<icon massive users text-gradient="43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%">

Leave a comment

Your email address will not be published. Required fields are marked *