Icon Variations

14 Mar 2018 in: Icons

Colors

<i class="icon user primary"></i>
<i class="icon app secondary"></i>
<i class="icon bubbles positive"></i>
<i class="icon apple negative"></i>

Rounded

  <i class="icon rounded user primary"></i>
  <i class="icon rounded app secondary"></i>
  <i class="icon rounded bubbles positive"></i>
  <i class="icon rounded apple negative"></i>

Circular

  <i class="icon circular user primary"></i>
  <i class="icon circular app secondary"></i>
  <i class="icon circular bubbles positive"></i>
  <i class="icon circular apple negative"></i>

Inverted

 <i class="icon inverted circular user primary"></i>
 <i class="icon inverted circular app secondary"></i>
 <i class="icon inverted circular bubbles positive"></i>
 <i class="icon inverted circular apple negative"></i>

Size

<i class="icon user small"></i>
<i class="icon app large"></i>
<i class="icon bubbles big"></i>
<i class="icon apple huge"></i>