Social Network Icons

 

icon sizes

Place icons just about anywhere with the <i> tag.

To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes.

spinning icons

Use the fa-spin class to get any icon to rotate.

<i class="fa fa-spinner fa-spin"></i>
<i class= "fa fa-refresh fa-spin"></i>
<i class="fa fa-cog fa-spin" ></i>

buttons

Refresh Checkout Delete Settings More Info
<a class="btn btn-medium" href="#"> <i class="fa fa-refresh"></i> Refresh</a>
<a class="btn btn-primary btn-medium" href="#"> <i class="fa fa-shopping-cart icon-large"></i> Checkout</a>
<a class="btn btn-medium btn-warning href="#"> <i class="fa fa-trash-o icon-medium"></i> Delete</a>
<a class="btn btn-medium btn-inverse" href="#"> <i class="fa fa-cog"></i> Settings</a>
<a class="btn btn-medium btn-info" href="#"> <i class="fa fa-info"></i> More Info</a>

lists

  • Lists
  • Buttons
  • Button groups
<ul class="fa-ul">
  <li><i class="fa-li fa fa-check"></i> Lists</li>
  <li><i class="fa-li fa fa-check"></i> Buttons</li>
  <li><i class="fa-li fa fa-check"></i> Button groups</li>
</ul>