Font Awesome

http://fontawesome.io/

Voir aussi http://www.pixeden.com/icon-fonts/stroke-7-icon-font-set ou encore http://google.github.io/material-design-icons/ pour des alternatives

Ajout d’icône au format fonte web aisément. La fonte reprend 675 icônes dans sa version 4.7.0.

La liste complète et un moteur de recherche est disponible ici : http://fontawesome.io/icons/ (cheatsheet)

L’ajout d’une icône se fait, en HTML, comme ceci :

<i class="fa fa-camera-retro"></i> Texte

L’icône peut être agrandie comme on le souhaite mais aussi en utilisant une classe prévue :

<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x

On peut aisément faire “tourner” une icône :

<i class="fa fa-joomla fa-spin"></i> Joomla

D’autres classes et d’autres exemples ici : http://fontawesome.io/examples/

Colorisation

Ce site propose les couleurs officielles, en css, pour les icônes correspondant à des marques : https://codepen.io/elishaterada/pen/tGokD/