Social Network Icons

Web Application Icons

Text Editor Icons

Directional Icons

Video Player Icons

Brand Icons

Medical Icons

 

inline icons

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

icon-camera-retro
<div style="font-size: 24px;">
<i class="icon-camera-retro"> <

Increase the icon size by using the icon-large class. This increases the size by 33% relative to the font-size of the container.

prepended form inputs

buttons

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

lists

  • Lists
  • Buttons
  • Button groups

<ul class="icons">
  <li><i class="icon-ok"></i> Lists</li>
  <li><i class="icon-ok"></i> Buttons</li>
  <li><i class="icon-ok"></i> Button groups</li>
</ul>
FLATI © - All Rights Reserved : Template by Spiral Pixel