Font Awesome

Font Awesome Des dizaines de pictos pour site web. Très simple à mettre en oeuvre

Télecharger la bibliothèque ICI placer le contenu dans/monsite_web/font-awesome-x.x.0/ utilisation :

La liste des pictos : http://fontawesome.io/icons/

<link rel="stylesheet" href="/monsite_web/font-awesome-4.5.0/css/font-awesome.min.css">
<i class="fa fa-camera-retro"></i>

Donne

<i class="fa fa-copy" style="color:orange;font-size:40px;"></i>

Donne

<div class="list-group">
  <a class="list-group-item" href="#"><i class="fa fa-home fa-fw"></i>&nbsp; Home</a>
  <a class="list-group-item" href="#"><i class="fa fa-book fa-fw"></i>&nbsp; Library</a>
  <a class="list-group-item" href="#"><i class="fa fa-pencil fa-fw"></i>&nbsp; Applications</a>
  <a class="list-group-item" href="#"><i class="fa fa-cog fa-fw"></i>&nbsp; Settings</a>
</div>
<ul class="fa-ul">
  <li><i class="fa-li fa fa-check-square"></i>List icons</li>
  <li><i class="fa-li fa fa-check-square"></i>can be used</li>
  <li><i class="fa-li fa fa-spinner fa-spin"></i>as bullets</li>
  <li><i class="fa-li fa fa-square"></i>in lists</li>
</ul>
  • List icons
  • can be used
  • as bullets
  • in lists
<i class="fa fa-spinner fa-spin"></i>
<i class="fa fa-circle-o-notch fa-spin"></i>
<i class="fa fa-refresh fa-spin"></i>
<i class="fa fa-cog fa-spin"></i>
<i class="fa fa-spinner fa-pulse"></i>





Dans le même genre :
typicons

     

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

− six = one