DSFR v1.14.1

Retour

Icônes Arrows (icons-arrows)

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

arrow-down-circle-fill [remix]

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

arrow-down-circle-line [remix]

<span class="fr-icon-arrow-down-circle-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-circle-fill [remix]

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

arrow-left-circle-line [remix]

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

arrow-left-down-fill [remix]

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

arrow-left-down-line [remix]

<span class="fr-icon-arrow-left-down-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-right-fill [remix]

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

arrow-left-right-line [remix]

<span class="fr-icon-arrow-left-right-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-left-up-fill [remix]

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

arrow-left-up-line [remix]

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

arrow-right-circle-fill [remix]

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

arrow-right-circle-line [remix]

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

arrow-right-down-fill [remix]

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

arrow-right-down-line [remix]

<span class="fr-icon-arrow-right-down-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-fill [remix]

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

arrow-right-up-line [remix]

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

arrow-turn-back-fill [remix]

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

arrow-turn-back-line [remix]

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

arrow-turn-forward-fill [remix]

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

arrow-turn-forward-line [remix]

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

arrow-up-circle-fill [remix]

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

arrow-up-circle-line [remix]

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

arrow-up-down-fill [remix]

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

arrow-up-down-line [remix]

<span class="fr-icon-arrow-up-down-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>

contract-left-fill [remix]

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

contract-left-line [remix]

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

contract-left-right-fill [remix]

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

contract-left-right-line [remix]

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

contract-right-fill [remix]

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

contract-right-line [remix]

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

contract-up-down-fill [remix]

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

contract-up-down-line [remix]

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

corner-down-left-fill [remix]

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

corner-down-left-line [remix]

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

corner-down-right-fill [remix]

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

corner-down-right-line [remix]

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

corner-left-down-fill [remix]

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

corner-left-down-line [remix]

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

corner-left-up-fill [remix]

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

corner-left-up-line [remix]

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

corner-right-down-fill [remix]

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

corner-right-down-line [remix]

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

corner-right-up-fill [remix]

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

corner-right-up-line [remix]

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

corner-up-left-fill [remix]

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

corner-up-left-line [remix]

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

corner-up-right-fill [remix]

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

corner-up-right-line [remix]

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

expand-left-fill [remix]

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

expand-left-line [remix]

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

expand-left-right-fill [remix]

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

expand-left-right-line [remix]

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

expand-right-fill [remix]

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

expand-right-line [remix]

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

expand-up-down-fill [remix]

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

expand-up-down-line [remix]

<span class="fr-icon-expand-up-down-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-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>

skip-down-fill [remix]

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

skip-down-line [remix]

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

skip-up-fill [remix]

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

skip-up-line [remix]

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

Paramètres d’affichage

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