Les icônes sont organisées dans une police d'écriture (webfont) nommée "iconfont". Chaque icône correspond à un caractère unicode (\EA00par exemple)
Les icônes projets sont de la couleur du module correspondant.
De facon générale les icônes sont bleu foncé / navy (#002135), sauf cas particuliers où elles deviennent de la couleur du module dans lequel elles sont.
Libre à vous de changer leur apparence comme du texte.
Par exemple vous pouvez changer leur taille à l'aide de la propriété CSS font-size ou leur couleur à l'aide de la propriété color
Par conséquent vous pouvez aussi leur appliquer les classes comprises dans la partie Typographie, toutes les icônes ci-dessous possèdent les classes u-title et u-center
<i class="c-fonticon__icon-calendar"></i>
<i class="c-fonticon__icon-check"></i>
<i class="c-fonticon__icon-chevron"></i>
<i class="c-fonticon__icon-close"></i>
<i class="c-fonticon__icon-datatype"></i>
<i class="c-fonticon__icon-download"></i>
<i class="c-fonticon__icon-edit"></i>
<i class="c-fonticon__icon-eye"></i>
<i class="c-fonticon__icon-fullsize"></i>
<i class="c-fonticon__icon-info"></i>
<i class="c-fonticon__icon-list"></i>
<i class="c-fonticon__icon-map"></i>
<i class="c-fonticon__icon-mobmore"></i>
<i class="c-fonticon__icon-panda"></i>
<i class="c-fonticon__icon-param"></i>
<i class="c-fonticon__icon-pin"></i>
<i class="c-fonticon__icon-plus"></i>
<i class="c-fonticon__icon-remblai"></i>
<i class="c-fonticon__icon-reset"></i>
<i class="c-fonticon__icon-search"></i>
<i class="c-fonticon__icon-share"></i>
<i class="c-fonticon__icon-trash"></i>
<i class="c-fonticon__icon-upload"></i>
<i class="c-fonticon__icon-user"></i>
<i class="c-fonticon__launcher-pattern"></i>
<i class="c-fonticon__logo-datasprint"></i>
<i class="c-fonticon__logo-minesprint"></i>
<i class="c-fonticon__logo-solsolution"></i>
<i class="c-fonticon__project-annexe"></i>
<i class="c-fonticon__project-data"></i>
<i class="c-fonticon__project-divers"></i>
<i class="c-fonticon__project-infos"></i>
<i class="c-fonticon__project-picture"></i>
<i class="c-fonticon__project-plan"></i>
<i class="c-fonticon__project-rapports"></i>
<i class="c-fonticon__project-sondage"></i>
<i class="c-fonticon__icon-chevron-left"></i>
<i class="c-fonticon__icon-chevron-right"></i>
<i class="c-fonticon__icon-chevron-top"></i>
<i class="c-fonticon__backfill"></i>
<i class="c-fonticon__solsol-grizzly"></i>
<i class="c-fonticon__solsol-panda2"></i>
<i class="c-fonticon__solsol-soil-invest"></i>
<i class="c-fonticon__icon-cross"></i>
<i class="c-fonticon__icon-success"></i>
<i class="c-fonticon__icon-error"></i>
<i class="c-fonticon__icon-help"></i>
<i class="c-fonticon__icon-basictreatment"></i>
<i class="c-fonticon__icon-cpt"></i>
<i class="c-fonticon__icon-spt"></i>
<i class="c-fonticon__icon-dcp"></i>
<i class="c-fonticon__icon-dmt"></i>
<i class="c-fonticon__icon-dpt"></i>
<i class="c-fonticon__icon-dpl"></i>
<i class="c-fonticon__icon-dpm"></i>
<i class="c-fonticon__icon-dph"></i>
<i class="c-fonticon__icon-vst"></i>
<i class="c-fonticon__icon-plt"></i>
<i class="c-fonticon__icon-pmt"></i>
<i class="c-fonticon__icon-pd3"></i>
<i class="c-fonticon__icon-gz3"></i>
<i class="c-fonticon__icon-grzni"></i>
<i class="c-fonticon__icon-pandito"></i>
<i class="c-fonticon__icon-kodiak"></i>
<i class="c-fonticon__icon-lock"></i>
<i class="c-fonticon__icon-unlock"></i>
<i class="c-fonticon__icon-ekodiak"></i>
<i class="c-fonticon__solsol-grizzlyev"></i>
<i class="c-fonticon__icon-key"></i>
<i class="c-fonticon__icon-link"></i>
<i class="c-fonticon__icon-thumb"></i>
<i class="c-fonticon__icon-arrow-up"></i>
<i class="c-fonticon__icon-arrow-down"></i>
<i class="c-fonticon__icon-arrow-right-double"></i>
<i class="c-fonticon__icon-zxz"></i>
<i class="c-fonticon__icon-calendar2"></i>
<i class="c-fonticon__icon-plate"></i>
<i class="c-fonticon__icon-calc-model"></i>
<i class="c-fonticon__icon-cptu"></i>
<i class="c-fonticon__icon-liq"></i>
<i class="c-fonticon__icon-dpsh"></i>
<i class="c-fonticon__icon-rename"></i>
<i class="c-fonticon__icon-bell"></i>
<i class="c-fonticon__icon-vs"></i>
<i class="c-fonticon__icon-move"></i>
<i class="c-fonticon__icon-archive"></i>
<i class="c-fonticon__icon-unarchive"></i>
<i class="c-fonticon__icon-convert-jpg"></i>
<i class="c-fonticon__icon-help-plein"></i>
<i class="c-fonticon__icon-analytic"></i>
<i class="c-fonticon__icon-cpt-truck"></i>
<i class="c-fonticon__icon-calculate"></i>
<i class="c-fonticon__icon-exclamation"></i>