Rock star
Transparency with alpha-channel
Loseless compression
Raster format
IE...
Looks almost perfect on HD (2x) displays
Still distorted while scaling down
What about 3x, 4x, Xx?
Smaller total download size
Less HTTP-requests
Extra calculations
Still raster format :(
Vector!
Support coloring and effects
Rendered as a text
Extremely hard to position
line-height, vertical-align, letter-spacing, word-spacing
CORS issues
Semantics
Accessibility
Strange bugs
Not supported in some browsers and devices
Solves almost all fonticon problems
Multi-colouring
Support for data:image (use with care!)
We still have IE8 (almost 3%)
Automation
All possible fallbacks (down to IE6)
Requires a bit of JavaScript