What icons can I use in my FAQ?

We leverage the most awesome Font Awesome 3 for FAQ icons. All 249 Font Awesome icons are at your disposal. You may have already seen a few of these in action in the right-sidebar.html template.

One really cool thing about font-based icons - they automatically change color with your theme (unlike images) to match your text color.

You can place icons anywhere you'd like by creating an i element with a class name which is the same as the icon's name. E.g.

<i class="icon-comments-alt"></i>

In fact, you can do all sorts of things with these icons by adding classes to any i element...

• Control size with icon-large, icon-2x, icon-3x, or icon-4x
• Add borders with icon-border
• Animate with icon-spin. Note: Works best with icon-spinner and icon-refresh.
• Replace list bullets. Looks like this...

  <ul class="icons">
    <li><i class="icon-ok"></i> Lists</li>
  </ul>
  

So just to be a bit silly... Here's how you'd create a large, bordered book icon that spins:

<i class="icon-book icon-large icon-border icon-spin"></i>

FAQ URL: