Font face icons

Icon fonts are great, because they enable you to easily change color, size and more via CSS. Template includes more than 400 font-face icons.

Icons

Place vector icons anywhere using an icon font. They are scalable vector graphics, which means that they look great on high-resolution displays. To apply this component, add any .icon-* class to an <i> or <span> element. Et voilà, you have a vector icon.

Samples

  • Uses the .icon-cog class
  • Uses the .icon-user class
  • Uses the .icon-home class
  • An icon in a link
A button with an icon

Code

<!-- This is an icon -->
<i class="icon-cog"></i>

<!-- This is an icon too -->
<span class="icon-cog"></span>

<!-- This is an icon in a link -->
<a href=""><i class="icon-cog"></i> Link</a>

Here is an overview of all available .icon-* classes provided in template.