Depuis quelques jours, Google Font a subi une mise à jour importante : la plate-forme intègre désormais une collection d’icônes sous forme d’une webfont. Le même principe que Font Awesome donc.
Les icônes sont visibles ici :
https://fonts.google.com/icons
Comment intégrer cette font dans votre projet web ?
Dans votre balise <head>, collez la ligne suivante :
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">Ensuite, utiliser une balise <span> avec le nom de l’icône désirée :
<span class="material-icons">face</span>Toutes les infos sur la personnalisation de vos icônes (taille, couleur…) et beaucoup plus de détails sur leur utilisation sont accessible ici :
https://developers.google.com/fonts/docs/material_icons#styling_icons_in_material_design