DSFR v1.14.1
Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
Documentation<span class="fr-icon-arrow-down-circle-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-down-circle-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-down-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-down-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-down-s-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-down-s-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-go-back-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-go-back-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-go-forward-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-go-forward-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-left-circle-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-left-circle-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-left-down-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-left-down-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-left-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-left-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-left-right-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-left-right-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-left-s-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-left-s-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-left-up-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-left-up-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-right-circle-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-right-circle-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-right-down-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-right-down-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-right-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-right-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-right-s-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-right-s-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-right-up-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-right-up-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-turn-back-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-turn-back-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-turn-forward-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-turn-forward-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-up-circle-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-up-circle-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-up-down-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-up-down-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-up-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-up-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-up-s-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-up-s-line" aria-hidden="true"></span>
<span class="fr-icon-contract-left-fill" aria-hidden="true"></span>
<span class="fr-icon-contract-left-line" aria-hidden="true"></span>
<span class="fr-icon-contract-left-right-fill" aria-hidden="true"></span>
<span class="fr-icon-contract-left-right-line" aria-hidden="true"></span>
<span class="fr-icon-contract-right-fill" aria-hidden="true"></span>
<span class="fr-icon-contract-right-line" aria-hidden="true"></span>
<span class="fr-icon-contract-up-down-fill" aria-hidden="true"></span>
<span class="fr-icon-contract-up-down-line" aria-hidden="true"></span>
<span class="fr-icon-corner-down-left-fill" aria-hidden="true"></span>
<span class="fr-icon-corner-down-left-line" aria-hidden="true"></span>
<span class="fr-icon-corner-down-right-fill" aria-hidden="true"></span>
<span class="fr-icon-corner-down-right-line" aria-hidden="true"></span>
<span class="fr-icon-corner-left-down-fill" aria-hidden="true"></span>
<span class="fr-icon-corner-left-down-line" aria-hidden="true"></span>
<span class="fr-icon-corner-left-up-fill" aria-hidden="true"></span>
<span class="fr-icon-corner-left-up-line" aria-hidden="true"></span>
<span class="fr-icon-corner-right-down-fill" aria-hidden="true"></span>
<span class="fr-icon-corner-right-down-line" aria-hidden="true"></span>
<span class="fr-icon-corner-right-up-fill" aria-hidden="true"></span>
<span class="fr-icon-corner-right-up-line" aria-hidden="true"></span>
<span class="fr-icon-corner-up-left-fill" aria-hidden="true"></span>
<span class="fr-icon-corner-up-left-line" aria-hidden="true"></span>
<span class="fr-icon-corner-up-right-fill" aria-hidden="true"></span>
<span class="fr-icon-corner-up-right-line" aria-hidden="true"></span>
<span class="fr-icon-expand-left-fill" aria-hidden="true"></span>
<span class="fr-icon-expand-left-line" aria-hidden="true"></span>
<span class="fr-icon-expand-left-right-fill" aria-hidden="true"></span>
<span class="fr-icon-expand-left-right-line" aria-hidden="true"></span>
<span class="fr-icon-expand-right-fill" aria-hidden="true"></span>
<span class="fr-icon-expand-right-line" aria-hidden="true"></span>
<span class="fr-icon-expand-up-down-fill" aria-hidden="true"></span>
<span class="fr-icon-expand-up-down-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-left-s-first-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-left-s-line-double" aria-hidden="true"></span>
<span class="fr-icon-arrow-right-s-last-line" aria-hidden="true"></span>
<span class="fr-icon-arrow-right-s-line-double" aria-hidden="true"></span>
<span class="fr-icon-skip-down-fill" aria-hidden="true"></span>
<span class="fr-icon-skip-down-line" aria-hidden="true"></span>
<span class="fr-icon-skip-up-fill" aria-hidden="true"></span>
<span class="fr-icon-skip-up-line" aria-hidden="true"></span>