Pattern

Fonts Icon fonts

HTML

copy

CSS

copy

Notes

Icon fonts are counterintuitive; you use the :before pseudo element on an empty element like <i> or <span>. The beauty thing is they resize like vectors.