CSS - FortAwesome CheatSheet

FortAwesome.com offers a hosted custom package with a set of icons of your choice. You select your icons, publish it as a "kit", and then you get a CDN to add as a .js script to your site.

This is a cheat sheet illustrating some of the options you have... from displaying a simple icon, to enlarging, rotating and animating.

This assumes you have pre-fixed your icons with the default "fa" style, and also icon name prefix.

Basic: 
    flag
">

Larger:
    33% increase: fa-lg">
    Xx increase:  fa-2x">

Fixed width:
    fa-fw">

List icons:
   

fa-ul

">
       

fa-li

fa fa-check-square">List icons
       

can be used

       

as bullets

       

in lists

   

Bordered and pulled:
    fa-3x    pull-left    fa-border">

Animated:
   

Rotated and flipped:
    fa-rotate-90"> fa-rotate-90
    fa-rotate-180"> fa-rotate-180
    fa-rotate-270"> fa-rotate-270
    fa-flip-horizontal"> fa-flip-horizontal
    fa-flip-vertical"> fa-flip-vertical

Stacked (twitter on a square):
    fa-stack fa-lg">
        fa-stack-2x">
        fa-stack-1x">
   

PS. You can do some, only some of these things, with Twitter's Bootstrap (as of 3.3.6).