PBS 29 - Font Awesome Demo

Notice the big thungs up in the header above. Using the same code in a paragraph produces a small thumbs up !

Because these icons are just characters in a font, you can have them in any colour:

While the size is determiend by the font, you can intentionally make them bigger than they would normally be , or even MUCH bigger .

You can also rotate your icons:

You can also flip/mirror your icons both horizontally and vertically:

You can also add subtle boarders to your icons so this becomes this .

Icons can also be floated to do fun things like this:

I wandered lonely as a cloud
That floats on high o'er vales and hills,
When all at once I saw a crowd,
A host of golden daffodils;
Beside the lake, beneath the trees,
Fluttering and dancing in the breeze.

Continuous as the stars that shine
and twinkle on the Milky Way,
They stretched in never-ending line
along the margin of a bay:
Ten thousand saw I at a glance,
tossing their heads in sprightly dance.
The waves beside them danced; but they
Out-did the sparkling waves in glee:
A poet could not but be gay,
in such a jocund company:
I gazed—and gazed—but little thought
what wealth the show to me had brought:

For oft, when on my couch I lie
In vacant or in pensive mood,
They flash upon that inward eye
Which is the bliss of solitude;
And then my heart with pleasure fills,
And dances with the daffodils.

- by William Wordsworth

Icons can also be stacked. This is an inverted Apple logo stacked on a heart , and this is a large no photography sign created by putting a red ban symbol over a camera icon:

There are also pre-made classes designed to allow you to use icons in lists:

Buttons With Icons

The buttons below include glyph icons to make it clearer what they do: