Retour

Icônes System (icons-system)

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

add-circle-fill [remix]

<span class="fr-icon-add-circle-fill" aria-hidden="true"></span>

add-circle-line [remix]

<span class="fr-icon-add-circle-line" aria-hidden="true"></span>

add-line [remix]

<span class="fr-icon-add-line" aria-hidden="true"></span>

alarm-warning-fill [remix]

<span class="fr-icon-alarm-warning-fill" aria-hidden="true"></span>

alarm-warning-line [remix]

<span class="fr-icon-alarm-warning-line" aria-hidden="true"></span>

alert-fill [remix]

<span class="fr-icon-alert-fill" aria-hidden="true"></span>

alert-line [remix]

<span class="fr-icon-alert-line" aria-hidden="true"></span>

arrow-down-fill [remix]

<span class="fr-icon-arrow-down-fill" aria-hidden="true"></span>

arrow-down-line [remix]

<span class="fr-icon-arrow-down-line" aria-hidden="true"></span>

arrow-down-s-fill [remix]

<span class="fr-icon-arrow-down-s-fill" aria-hidden="true"></span>

arrow-down-s-line [remix]

<span class="fr-icon-arrow-down-s-line" aria-hidden="true"></span>

arrow-go-back-fill [remix]

<span class="fr-icon-arrow-go-back-fill" aria-hidden="true"></span>

arrow-go-back-line [remix]

<span class="fr-icon-arrow-go-back-line" aria-hidden="true"></span>

arrow-go-forward-fill [remix]

<span class="fr-icon-arrow-go-forward-fill" aria-hidden="true"></span>

arrow-go-forward-line [remix]

<span class="fr-icon-arrow-go-forward-line" aria-hidden="true"></span>

arrow-left-fill [remix]

<span class="fr-icon-arrow-left-fill" aria-hidden="true"></span>

arrow-left-line [remix]

<span class="fr-icon-arrow-left-line" aria-hidden="true"></span>

arrow-left-s-fill [remix]

<span class="fr-icon-arrow-left-s-fill" aria-hidden="true"></span>

arrow-left-s-line [remix]

<span class="fr-icon-arrow-left-s-line" aria-hidden="true"></span>

arrow-right-fill [remix]

<span class="fr-icon-arrow-right-fill" aria-hidden="true"></span>

arrow-right-line [remix]

<span class="fr-icon-arrow-right-line" aria-hidden="true"></span>

arrow-right-s-fill [remix]

<span class="fr-icon-arrow-right-s-fill" aria-hidden="true"></span>

arrow-right-s-line [remix]

<span class="fr-icon-arrow-right-s-line" aria-hidden="true"></span>

arrow-right-up-line [remix]

<span class="fr-icon-arrow-right-up-line" aria-hidden="true"></span>

arrow-up-fill [remix]

<span class="fr-icon-arrow-up-fill" aria-hidden="true"></span>

arrow-up-line [remix]

<span class="fr-icon-arrow-up-line" aria-hidden="true"></span>

arrow-up-s-fill [remix]

<span class="fr-icon-arrow-up-s-fill" aria-hidden="true"></span>

arrow-up-s-line [remix]

<span class="fr-icon-arrow-up-s-line" aria-hidden="true"></span>

check-line [remix]

<span class="fr-icon-check-line" aria-hidden="true"></span>

checkbox-circle-fill [remix]

<span class="fr-icon-checkbox-circle-fill" aria-hidden="true"></span>

checkbox-circle-line [remix]

<span class="fr-icon-checkbox-circle-line" aria-hidden="true"></span>

checkbox-fill [remix]

<span class="fr-icon-checkbox-fill" aria-hidden="true"></span>

checkbox-line [remix]

<span class="fr-icon-checkbox-line" aria-hidden="true"></span>

close-circle-fill [remix]

<span class="fr-icon-close-circle-fill" aria-hidden="true"></span>

close-circle-line [remix]

<span class="fr-icon-close-circle-line" aria-hidden="true"></span>

close-line [remix]

<span class="fr-icon-close-line" aria-hidden="true"></span>

delete-bin-fill [remix]

<span class="fr-icon-delete-bin-fill" aria-hidden="true"></span>

delete-bin-line [remix]

<span class="fr-icon-delete-bin-line" aria-hidden="true"></span>

download-fill [remix]

<span class="fr-icon-download-fill" aria-hidden="true"></span>

download-line [remix]

<span class="fr-icon-download-line" aria-hidden="true"></span>

error-warning-fill [remix]

<span class="fr-icon-error-warning-fill" aria-hidden="true"></span>

error-warning-line [remix]

<span class="fr-icon-error-warning-line" aria-hidden="true"></span>

external-link-fill [remix]

<span class="fr-icon-external-link-fill" aria-hidden="true"></span>

external-link-line [remix]

<span class="fr-icon-external-link-line" aria-hidden="true"></span>

eye-fill [remix]

<span class="fr-icon-eye-fill" aria-hidden="true"></span>

eye-line [remix]

<span class="fr-icon-eye-line" aria-hidden="true"></span>

eye-off-fill [remix]

<span class="fr-icon-eye-off-fill" aria-hidden="true"></span>

eye-off-line [remix]

<span class="fr-icon-eye-off-line" aria-hidden="true"></span>

filter-fill [remix]

<span class="fr-icon-filter-fill" aria-hidden="true"></span>

filter-line [remix]

<span class="fr-icon-filter-line" aria-hidden="true"></span>

arrow-left-s-first-line [dsfr]

<span class="fr-icon-arrow-left-s-first-line" aria-hidden="true"></span>

arrow-left-s-line-double [dsfr]

<span class="fr-icon-arrow-left-s-line-double" aria-hidden="true"></span>

arrow-right-down-circle-fill [dsfr]

<span class="fr-icon-arrow-right-down-circle-fill" aria-hidden="true"></span>

arrow-right-s-last-line [dsfr]

<span class="fr-icon-arrow-right-s-last-line" aria-hidden="true"></span>

arrow-right-s-line-double [dsfr]

<span class="fr-icon-arrow-right-s-line-double" aria-hidden="true"></span>

arrow-right-up-circle-fill [dsfr]

<span class="fr-icon-arrow-right-up-circle-fill" aria-hidden="true"></span>

capslock-line [dsfr]

<span class="fr-icon-capslock-line" aria-hidden="true"></span>

equal-circle-fill [dsfr]

<span class="fr-icon-equal-circle-fill" aria-hidden="true"></span>

error-fill [dsfr]

<span class="fr-icon-error-fill" aria-hidden="true"></span>

error-line [dsfr]

<span class="fr-icon-error-line" aria-hidden="true"></span>

info-fill [dsfr]

<span class="fr-icon-info-fill" aria-hidden="true"></span>

info-line [dsfr]

<span class="fr-icon-info-line" aria-hidden="true"></span>

success-fill [dsfr]

<span class="fr-icon-success-fill" aria-hidden="true"></span>

success-line [dsfr]

<span class="fr-icon-success-line" aria-hidden="true"></span>

theme-fill [dsfr]

<span class="fr-icon-theme-fill" aria-hidden="true"></span>

warning-fill [dsfr]

<span class="fr-icon-warning-fill" aria-hidden="true"></span>

warning-line [dsfr]

<span class="fr-icon-warning-line" aria-hidden="true"></span>

information-fill [remix]

<span class="fr-icon-information-fill" aria-hidden="true"></span>

information-line [remix]

<span class="fr-icon-information-line" aria-hidden="true"></span>

lock-fill [remix]

<span class="fr-icon-lock-fill" aria-hidden="true"></span>

lock-line [remix]

<span class="fr-icon-lock-line" aria-hidden="true"></span>

lock-unlock-fill [remix]

<span class="fr-icon-lock-unlock-fill" aria-hidden="true"></span>

lock-unlock-line [remix]

<span class="fr-icon-lock-unlock-line" aria-hidden="true"></span>

logout-box-r-fill [remix]

<span class="fr-icon-logout-box-r-fill" aria-hidden="true"></span>

logout-box-r-line [remix]

<span class="fr-icon-logout-box-r-line" aria-hidden="true"></span>

menu-2-fill [remix]

<span class="fr-icon-menu-2-fill" aria-hidden="true"></span>

menu-fill [remix]

<span class="fr-icon-menu-fill" aria-hidden="true"></span>

more-fill [remix]

<span class="fr-icon-more-fill" aria-hidden="true"></span>

more-line [remix]

<span class="fr-icon-more-line" aria-hidden="true"></span>

notification-badge-fill [remix]

<span class="fr-icon-notification-badge-fill" aria-hidden="true"></span>

notification-badge-line [remix]

<span class="fr-icon-notification-badge-line" aria-hidden="true"></span>

question-fill [remix]

<span class="fr-icon-question-fill" aria-hidden="true"></span>

question-line [remix]

<span class="fr-icon-question-line" aria-hidden="true"></span>

refresh-fill [remix]

<span class="fr-icon-refresh-fill" aria-hidden="true"></span>

refresh-line [remix]

<span class="fr-icon-refresh-line" aria-hidden="true"></span>

search-fill [remix]

<span class="fr-icon-search-fill" aria-hidden="true"></span>

search-line [remix]

<span class="fr-icon-search-line" aria-hidden="true"></span>

settings-5-fill [remix]

<span class="fr-icon-settings-5-fill" aria-hidden="true"></span>

settings-5-line [remix]

<span class="fr-icon-settings-5-line" aria-hidden="true"></span>

shield-fill [remix]

<span class="fr-icon-shield-fill" aria-hidden="true"></span>

shield-line [remix]

<span class="fr-icon-shield-line" aria-hidden="true"></span>

star-fill [remix]

<span class="fr-icon-star-fill" aria-hidden="true"></span>

star-line [remix]

<span class="fr-icon-star-line" aria-hidden="true"></span>

star-s-fill [remix]

<span class="fr-icon-star-s-fill" aria-hidden="true"></span>

star-s-line [remix]

<span class="fr-icon-star-s-line" aria-hidden="true"></span>

subtract-line [remix]

<span class="fr-icon-subtract-line" aria-hidden="true"></span>

thumb-down-fill [remix]

<span class="fr-icon-thumb-down-fill" aria-hidden="true"></span>

thumb-down-line [remix]

<span class="fr-icon-thumb-down-line" aria-hidden="true"></span>

thumb-up-fill [remix]

<span class="fr-icon-thumb-up-fill" aria-hidden="true"></span>

thumb-up-line [remix]

<span class="fr-icon-thumb-up-line" aria-hidden="true"></span>

time-fill [remix]

<span class="fr-icon-time-fill" aria-hidden="true"></span>

time-line [remix]

<span class="fr-icon-time-line" aria-hidden="true"></span>

timer-fill [remix]

<span class="fr-icon-timer-fill" aria-hidden="true"></span>

timer-line [remix]

<span class="fr-icon-timer-line" aria-hidden="true"></span>

upload-2-fill [remix]

<span class="fr-icon-upload-2-fill" aria-hidden="true"></span>

upload-2-line [remix]

<span class="fr-icon-upload-2-line" aria-hidden="true"></span>

upload-fill [remix]

<span class="fr-icon-upload-fill" aria-hidden="true"></span>

upload-line [remix]

<span class="fr-icon-upload-line" aria-hidden="true"></span>

zoom-in-fill [remix]

<span class="fr-icon-zoom-in-fill" aria-hidden="true"></span>

zoom-in-line [remix]

<span class="fr-icon-zoom-in-line" aria-hidden="true"></span>

zoom-out-fill [remix]

<span class="fr-icon-zoom-out-fill" aria-hidden="true"></span>

zoom-out-line [remix]

<span class="fr-icon-zoom-out-line" aria-hidden="true"></span>

Paramètres d’affichage

Choisissez un thème pour personnaliser l’apparence du site.