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:
The buttons below include glyph icons to make it clearer what they do: