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-add-circle-fill" aria-hidden="true"></span>
<span class="fr-icon-add-circle-line" aria-hidden="true"></span>
<span class="fr-icon-add-line" aria-hidden="true"></span>
<span class="fr-icon-alarm-warning-fill" aria-hidden="true"></span>
<span class="fr-icon-alarm-warning-line" aria-hidden="true"></span>
<span class="fr-icon-alert-fill" aria-hidden="true"></span>
<span class="fr-icon-alert-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-fill" aria-hidden="true"></span>
<span class="fr-icon-arrow-left-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-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-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-check-line" aria-hidden="true"></span>
<span class="fr-icon-checkbox-circle-fill" aria-hidden="true"></span>
<span class="fr-icon-checkbox-circle-line" aria-hidden="true"></span>
<span class="fr-icon-checkbox-fill" aria-hidden="true"></span>
<span class="fr-icon-checkbox-line" aria-hidden="true"></span>
<span class="fr-icon-close-circle-fill" aria-hidden="true"></span>
<span class="fr-icon-close-circle-line" aria-hidden="true"></span>
<span class="fr-icon-close-line" aria-hidden="true"></span>
<span class="fr-icon-delete-bin-fill" aria-hidden="true"></span>
<span class="fr-icon-delete-bin-line" aria-hidden="true"></span>
<span class="fr-icon-download-fill" aria-hidden="true"></span>
<span class="fr-icon-download-line" aria-hidden="true"></span>
<span class="fr-icon-error-warning-fill" aria-hidden="true"></span>
<span class="fr-icon-error-warning-line" aria-hidden="true"></span>
<span class="fr-icon-external-link-fill" aria-hidden="true"></span>
<span class="fr-icon-external-link-line" aria-hidden="true"></span>
<span class="fr-icon-eye-fill" aria-hidden="true"></span>
<span class="fr-icon-eye-line" aria-hidden="true"></span>
<span class="fr-icon-eye-off-fill" aria-hidden="true"></span>
<span class="fr-icon-eye-off-line" aria-hidden="true"></span>
<span class="fr-icon-filter-fill" aria-hidden="true"></span>
<span class="fr-icon-filter-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-capslock-line" aria-hidden="true"></span>
<span class="fr-icon-error-fill" aria-hidden="true"></span>
<span class="fr-icon-error-line" aria-hidden="true"></span>
<span class="fr-icon-info-fill" aria-hidden="true"></span>
<span class="fr-icon-info-line" aria-hidden="true"></span>
<span class="fr-icon-success-fill" aria-hidden="true"></span>
<span class="fr-icon-success-line" aria-hidden="true"></span>
<span class="fr-icon-theme-fill" aria-hidden="true"></span>
<span class="fr-icon-warning-fill" aria-hidden="true"></span>
<span class="fr-icon-warning-line" aria-hidden="true"></span>
<span class="fr-icon-information-fill" aria-hidden="true"></span>
<span class="fr-icon-information-line" aria-hidden="true"></span>
<span class="fr-icon-lock-fill" aria-hidden="true"></span>
<span class="fr-icon-lock-line" aria-hidden="true"></span>
<span class="fr-icon-lock-unlock-fill" aria-hidden="true"></span>
<span class="fr-icon-lock-unlock-line" aria-hidden="true"></span>
<span class="fr-icon-logout-box-r-fill" aria-hidden="true"></span>
<span class="fr-icon-logout-box-r-line" aria-hidden="true"></span>
<span class="fr-icon-menu-2-fill" aria-hidden="true"></span>
<span class="fr-icon-menu-fill" aria-hidden="true"></span>
<span class="fr-icon-more-fill" aria-hidden="true"></span>
<span class="fr-icon-more-line" aria-hidden="true"></span>
<span class="fr-icon-notification-badge-fill" aria-hidden="true"></span>
<span class="fr-icon-notification-badge-line" aria-hidden="true"></span>
<span class="fr-icon-question-fill" aria-hidden="true"></span>
<span class="fr-icon-question-line" aria-hidden="true"></span>
<span class="fr-icon-refresh-fill" aria-hidden="true"></span>
<span class="fr-icon-refresh-line" aria-hidden="true"></span>
<span class="fr-icon-search-fill" aria-hidden="true"></span>
<span class="fr-icon-search-line" aria-hidden="true"></span>
<span class="fr-icon-settings-5-fill" aria-hidden="true"></span>
<span class="fr-icon-settings-5-line" aria-hidden="true"></span>
<span class="fr-icon-shield-fill" aria-hidden="true"></span>
<span class="fr-icon-shield-line" aria-hidden="true"></span>
<span class="fr-icon-star-fill" aria-hidden="true"></span>
<span class="fr-icon-star-line" aria-hidden="true"></span>
<span class="fr-icon-star-s-fill" aria-hidden="true"></span>
<span class="fr-icon-star-s-line" aria-hidden="true"></span>
<span class="fr-icon-subtract-line" aria-hidden="true"></span>
<span class="fr-icon-thumb-down-fill" aria-hidden="true"></span>
<span class="fr-icon-thumb-down-line" aria-hidden="true"></span>
<span class="fr-icon-thumb-up-fill" aria-hidden="true"></span>
<span class="fr-icon-thumb-up-line" aria-hidden="true"></span>
<span class="fr-icon-time-fill" aria-hidden="true"></span>
<span class="fr-icon-time-line" aria-hidden="true"></span>
<span class="fr-icon-timer-fill" aria-hidden="true"></span>
<span class="fr-icon-timer-line" aria-hidden="true"></span>
<span class="fr-icon-upload-2-fill" aria-hidden="true"></span>
<span class="fr-icon-upload-2-line" aria-hidden="true"></span>
<span class="fr-icon-upload-fill" aria-hidden="true"></span>
<span class="fr-icon-upload-line" aria-hidden="true"></span>
<span class="fr-icon-zoom-in-fill" aria-hidden="true"></span>
<span class="fr-icon-zoom-in-line" aria-hidden="true"></span>
<span class="fr-icon-zoom-out-fill" aria-hidden="true"></span>
<span class="fr-icon-zoom-out-line" aria-hidden="true"></span>