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-archive-drawer-fill" aria-hidden="true"></span>
<span class="fr-icon-archive-drawer-line" aria-hidden="true"></span>
<span class="fr-icon-archive-fill" aria-hidden="true"></span>
<span class="fr-icon-archive-line" aria-hidden="true"></span>
<span class="fr-icon-at-fill" aria-hidden="true"></span>
<span class="fr-icon-at-line" aria-hidden="true"></span>
<span class="fr-icon-attachment-fill" aria-hidden="true"></span>
<span class="fr-icon-attachment-line" aria-hidden="true"></span>
<span class="fr-icon-award-fill" aria-hidden="true"></span>
<span class="fr-icon-award-line" aria-hidden="true"></span>
<span class="fr-icon-bar-chart-2-fill" aria-hidden="true"></span>
<span class="fr-icon-bar-chart-2-line" aria-hidden="true"></span>
<span class="fr-icon-bar-chart-box-fill" aria-hidden="true"></span>
<span class="fr-icon-bar-chart-box-line" aria-hidden="true"></span>
<span class="fr-icon-bar-chart-fill" aria-hidden="true"></span>
<span class="fr-icon-bar-chart-horizontal-fill" aria-hidden="true"></span>
<span class="fr-icon-bar-chart-horizontal-line" aria-hidden="true"></span>
<span class="fr-icon-bar-chart-line" aria-hidden="true"></span>
<span class="fr-icon-bookmark-fill" aria-hidden="true"></span>
<span class="fr-icon-bookmark-line" aria-hidden="true"></span>
<span class="fr-icon-briefcase-fill" aria-hidden="true"></span>
<span class="fr-icon-briefcase-line" aria-hidden="true"></span>
<span class="fr-icon-bubble-chart-fill" aria-hidden="true"></span>
<span class="fr-icon-bubble-chart-line" aria-hidden="true"></span>
<span class="fr-icon-calculator-fill" aria-hidden="true"></span>
<span class="fr-icon-calculator-line" aria-hidden="true"></span>
<span class="fr-icon-calendar-2-fill" aria-hidden="true"></span>
<span class="fr-icon-calendar-2-line" aria-hidden="true"></span>
<span class="fr-icon-calendar-check-fill" aria-hidden="true"></span>
<span class="fr-icon-calendar-check-line" aria-hidden="true"></span>
<span class="fr-icon-calendar-close-fill" aria-hidden="true"></span>
<span class="fr-icon-calendar-close-line" aria-hidden="true"></span>
<span class="fr-icon-calendar-event-fill" aria-hidden="true"></span>
<span class="fr-icon-calendar-event-line" aria-hidden="true"></span>
<span class="fr-icon-calendar-fill" aria-hidden="true"></span>
<span class="fr-icon-calendar-line" aria-hidden="true"></span>
<span class="fr-icon-calendar-todo-fill" aria-hidden="true"></span>
<span class="fr-icon-calendar-todo-line" aria-hidden="true"></span>
<span class="fr-icon-cloud-fill" aria-hidden="true"></span>
<span class="fr-icon-cloud-line" aria-hidden="true"></span>
<span class="fr-icon-cloud-off-fill" aria-hidden="true"></span>
<span class="fr-icon-cloud-off-line" aria-hidden="true"></span>
<span class="fr-icon-copyright-fill" aria-hidden="true"></span>
<span class="fr-icon-copyright-line" aria-hidden="true"></span>
<span class="fr-icon-customer-service-fill" aria-hidden="true"></span>
<span class="fr-icon-customer-service-line" aria-hidden="true"></span>
<span class="fr-icon-donut-chart-fill" aria-hidden="true"></span>
<span class="fr-icon-donut-chart-line" aria-hidden="true"></span>
<span class="fr-icon-flag-fill" aria-hidden="true"></span>
<span class="fr-icon-flag-line" aria-hidden="true"></span>
<span class="fr-icon-global-fill" aria-hidden="true"></span>
<span class="fr-icon-global-line" aria-hidden="true"></span>
<span class="fr-icon-honour-fill" aria-hidden="true"></span>
<span class="fr-icon-honour-line" aria-hidden="true"></span>
<span class="fr-icon-inbox-2-fill" aria-hidden="true"></span>
<span class="fr-icon-inbox-2-line" aria-hidden="true"></span>
<span class="fr-icon-inbox-archive-fill" aria-hidden="true"></span>
<span class="fr-icon-inbox-archive-line" aria-hidden="true"></span>
<span class="fr-icon-inbox-fill" aria-hidden="true"></span>
<span class="fr-icon-inbox-line" aria-hidden="true"></span>
<span class="fr-icon-inbox-unarchive-fill" aria-hidden="true"></span>
<span class="fr-icon-inbox-unarchive-line" aria-hidden="true"></span>
<span class="fr-icon-line-chart-fill" aria-hidden="true"></span>
<span class="fr-icon-line-chart-line" aria-hidden="true"></span>
<span class="fr-icon-links-fill" aria-hidden="true"></span>
<span class="fr-icon-links-line" aria-hidden="true"></span>
<span class="fr-icon-mail-add-fill" aria-hidden="true"></span>
<span class="fr-icon-mail-add-line" aria-hidden="true"></span>
<span class="fr-icon-mail-check-fill" aria-hidden="true"></span>
<span class="fr-icon-mail-check-line" aria-hidden="true"></span>
<span class="fr-icon-mail-close-fill" aria-hidden="true"></span>
<span class="fr-icon-mail-close-line" aria-hidden="true"></span>
<span class="fr-icon-mail-download-fill" aria-hidden="true"></span>
<span class="fr-icon-mail-download-line" aria-hidden="true"></span>
<span class="fr-icon-mail-fill" aria-hidden="true"></span>
<span class="fr-icon-mail-forbid-fill" aria-hidden="true"></span>
<span class="fr-icon-mail-forbid-line" aria-hidden="true"></span>
<span class="fr-icon-mail-line" aria-hidden="true"></span>
<span class="fr-icon-mail-lock-fill" aria-hidden="true"></span>
<span class="fr-icon-mail-lock-line" aria-hidden="true"></span>
<span class="fr-icon-mail-open-fill" aria-hidden="true"></span>
<span class="fr-icon-mail-open-line" aria-hidden="true"></span>
<span class="fr-icon-mail-send-fill" aria-hidden="true"></span>
<span class="fr-icon-mail-send-line" aria-hidden="true"></span>
<span class="fr-icon-mail-settings-fill" aria-hidden="true"></span>
<span class="fr-icon-mail-settings-line" aria-hidden="true"></span>
<span class="fr-icon-mail-star-fill" aria-hidden="true"></span>
<span class="fr-icon-mail-star-line" aria-hidden="true"></span>
<span class="fr-icon-mail-unread-fill" aria-hidden="true"></span>
<span class="fr-icon-mail-unread-line" aria-hidden="true"></span>
<span class="fr-icon-mail-volume-fill" aria-hidden="true"></span>
<span class="fr-icon-mail-volume-line" aria-hidden="true"></span>
<span class="fr-icon-medal-fill" aria-hidden="true"></span>
<span class="fr-icon-medal-line" aria-hidden="true"></span>
<span class="fr-icon-megaphone-fill" aria-hidden="true"></span>
<span class="fr-icon-megaphone-line" aria-hidden="true"></span>
<span class="fr-icon-pass-expired-fill" aria-hidden="true"></span>
<span class="fr-icon-pass-expired-line" aria-hidden="true"></span>
<span class="fr-icon-pass-pending-fill" aria-hidden="true"></span>
<span class="fr-icon-pass-pending-line" aria-hidden="true"></span>
<span class="fr-icon-pass-valid-fill" aria-hidden="true"></span>
<span class="fr-icon-pass-valid-line" aria-hidden="true"></span>
<span class="fr-icon-pie-chart-2-fill" aria-hidden="true"></span>
<span class="fr-icon-pie-chart-2-line" aria-hidden="true"></span>
<span class="fr-icon-pie-chart-box-fill" aria-hidden="true"></span>
<span class="fr-icon-pie-chart-box-line" aria-hidden="true"></span>
<span class="fr-icon-pie-chart-fill" aria-hidden="true"></span>
<span class="fr-icon-pie-chart-line" aria-hidden="true"></span>
<span class="fr-icon-presentation-fill" aria-hidden="true"></span>
<span class="fr-icon-presentation-line" aria-hidden="true"></span>
<span class="fr-icon-printer-cloud-fill" aria-hidden="true"></span>
<span class="fr-icon-printer-cloud-line" aria-hidden="true"></span>
<span class="fr-icon-printer-fill" aria-hidden="true"></span>
<span class="fr-icon-printer-line" aria-hidden="true"></span>
<span class="fr-icon-profil-fill" aria-hidden="true"></span>
<span class="fr-icon-profil-line" aria-hidden="true"></span>
<span class="fr-icon-projector-2-fill" aria-hidden="true"></span>
<span class="fr-icon-projector-2-line" aria-hidden="true"></span>
<span class="fr-icon-record-mail-fill" aria-hidden="true"></span>
<span class="fr-icon-record-mail-line" aria-hidden="true"></span>
<span class="fr-icon-reply-all-fill" aria-hidden="true"></span>
<span class="fr-icon-reply-all-line" aria-hidden="true"></span>
<span class="fr-icon-reply-fill" aria-hidden="true"></span>
<span class="fr-icon-reply-line" aria-hidden="true"></span>
<span class="fr-icon-send-plane-fill" aria-hidden="true"></span>
<span class="fr-icon-send-plane-line" aria-hidden="true"></span>
<span class="fr-icon-seo-fill" aria-hidden="true"></span>
<span class="fr-icon-seo-line" aria-hidden="true"></span>
<span class="fr-icon-service-fill" aria-hidden="true"></span>
<span class="fr-icon-service-line" aria-hidden="true"></span>
<span class="fr-icon-shake-hands-fill" aria-hidden="true"></span>
<span class="fr-icon-shake-hands-line" aria-hidden="true"></span>
<span class="fr-icon-slideshow-fill" aria-hidden="true"></span>
<span class="fr-icon-slideshow-line" aria-hidden="true"></span>
<span class="fr-icon-stack-fill" aria-hidden="true"></span>
<span class="fr-icon-stack-line" aria-hidden="true"></span>
<span class="fr-icon-window-2-fill" aria-hidden="true"></span>
<span class="fr-icon-window-2-line" aria-hidden="true"></span>
<span class="fr-icon-window-fill" aria-hidden="true"></span>
<span class="fr-icon-window-line" aria-hidden="true"></span>