imageGestionnaire Neural v7.3.8
12. Bootstrap
14. Carte Google Map

13. Pictogrammes Font Awesome 4.7

Par Django Blais, Analyste programmeur | lundi 20 novembre 2017

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