Fontawesome

Setup

echo $this->Html->css('/sandbox/font-awesome/css/font-awesome');

Icons en masse!

See fontawesome.io

Using <i>-tag with style font size

icon-camera-retro
icon-camera-retro (small)

icon-camera-retro (30px)

Using icon-x sizes

icon-camera-retro (normal, 14px)

icon-camera-retro (large, +33% = 19px;)

icon-camera-retro (2x, 28px)

icon-camera-retro (3x, 42px)

icon-camera-retro (4x, 56px)

icon-camera-retro (4x, 70px)

Quotes

Use a few of the new styles together ... lots of new possibilities.


Rotating

Normal:
 

Rotated:
  icon-rotate-90
  icon-rotate-270

Spin:
  icon-spin

Other features

icon-muted

icon-light

icon-dark

icon-border