Font Awesome vous permet d’intégrer 675 pictogrammes vectoriels de grande qualité à l’aide d’un simple copier-coller.
Font Awesome utilise la balise de l’italique <i>.
Il suffit de copier-coller le code des exemples suivants dans vos pages Web.
Exemple
Code source
<i class="fa fa-exclamation-circle"></i> <i class="fa fa-exclamation-triangle"></i> <i class="fa fa-envelope-open-o"></i> <i class="fa fa-commenting-o"></i> <i class="fa fa-gift"></i> <i class="fa fa-users"></i> <i class="fa fa-heart"></i> <i class="fa fa-industry"></i> <i class="fa fa-map-o"></i> <i class="fa fa-pie-chart"></i> <i class="fa fa-question-circle"></i> <i class="fa fa-share"></i> <i class="fa fa-cloud"></i> <i class="fa fa-arrow-circle-down"></i> <i class="fa fa-arrow-circle-left"></i> <i class="fa fa-arrow-circle-o-down"></i> <i class="fa fa-arrow-circle-o-left"></i> <i class="fa fa-arrow-circle-o-right"></i> <i class="fa fa-arrow-circle-o-up"></i> <i class="fa fa-arrow-circle-right"></i> <i class="fa fa-arrow-circle-up"></i> <i class="fa fa-arrow-up"></i> <i class="fa fa-arrow-right"></i> <i class="fa fa-arrow-left"></i> <i class="fa fa-arrow-down"></i>
Grosseur
Exemple
Code source
<i class="fa fa-bath fa-4x"></i> <i class="fa fa-bell fa-4x"></i> <i class="fa fa-coffee fa-4x"></i> <i class="fa fa-binoculars fa-4x"></i> <i class="fa fa-bus fa-4x"></i> <i class="fa fa-camera fa-4x"></i> <i class="fa fa-bolt fa-4x"></i> <i class="fa fa-motorcycle fa-4x"></i>
Les exemples précédents utilisent la classe « fa-4x » pour grossir les pictogrammes. Il y a aussi : fa-lg fa-2x fa-3x fa-4x fa-5x.
Consulter la liste complète des pictogrammes sur le site de Font Awesome 4.7.0 et le nouveau Font Awesome 5.0.
Dernière mise à jour