DSFR v1.14.1

Retour

Icônes Design (icons-design)

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

anticlockwise-fill [remix]

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

anticlockwise-line [remix]

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

artboard-fill [remix]

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

artboard-line [remix]

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

ball-pen-fill [remix]

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

ball-pen-line [remix]

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

blur-off-fill [remix]

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

blur-off-line [remix]

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

brush-3-fill [remix]

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

brush-3-line [remix]

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

brush-fill [remix]

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

brush-line [remix]

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

circle-fill [remix]

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

circle-line [remix]

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

clockwise-fill [remix]

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

clockwise-line [remix]

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

collage-fill [remix]

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

collage-line [remix]

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

compasses-2-fill [remix]

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

compasses-2-line [remix]

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

contrast-drop-2-fill [remix]

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

contrast-drop-2-line [remix]

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

contrast-fill [remix]

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

contrast-line [remix]

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

crop-fill [remix]

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

crop-line [remix]

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

crosshair-2-fill [remix]

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

crosshair-2-line [remix]

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

drag-drop-fill [remix]

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

drag-drop-line [remix]

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

drag-move-2-fill [remix]

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

drag-move-2-line [remix]

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

drop-fill [remix]

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

drop-line [remix]

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

edit-box-fill [remix]

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

edit-box-line [remix]

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

edit-circle-fill [remix]

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

edit-circle-line [remix]

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

edit-fill [remix]

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

edit-line [remix]

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

eraser-fill-1 [remix]

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

eraser-fill [remix]

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

eraser-line-1 [remix]

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

eraser-line [remix]

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

focus-3-fill [remix]

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

focus-3-line [remix]

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

grid-fill [remix]

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

grid-line [remix]

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

hammer-fill [remix]

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

hammer-line [remix]

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

hexagon-fill [remix]

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

hexagon-line [remix]

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

ink-bottle-fill [remix]

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

ink-bottle-line [remix]

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

layout-bottom-fill [remix]

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

layout-bottom-line [remix]

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

layout-column-fill [remix]

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

layout-column-line [remix]

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

layout-fill [remix]

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

layout-grid-fill [remix]

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

layout-grid-line [remix]

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

layout-left-fill [remix]

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

layout-left-line [remix]

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

layout-line [remix]

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

layout-masonry-fill [remix]

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

layout-masonry-line [remix]

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

layout-right-fill [remix]

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

layout-right-line [remix]

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

layout-row-fill [remix]

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

layout-row-line [remix]

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

layout-top-fill [remix]

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

layout-top-line [remix]

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

magic-fill [remix]

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

magic-line [remix]

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

mark-pen-fill [remix]

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

mark-pen-line [remix]

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

markup-fill [remix]

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

markup-line [remix]

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

octagon-fill [remix]

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

octagon-line [remix]

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

paint-brush-fill [remix]

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

paint-brush-line [remix]

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

paint-fill [remix]

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

paint-line [remix]

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

palette-fill [remix]

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

palette-line [remix]

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

pantone-fill [remix]

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

pantone-line [remix]

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

pen-nib-fill [remix]

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

pen-nib-line [remix]

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

pencil-fill [remix]

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

pencil-line [remix]

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

pencil-ruler-fill [remix]

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

pencil-ruler-line [remix]

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

pentagon-fill [remix]

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

pentagon-line [remix]

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

quill-pen-fill [remix]

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

quill-pen-line [remix]

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

rectangle-fill [remix]

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

rectangle-line [remix]

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

ruler-fill [remix]

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

ruler-line [remix]

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

scissors-cut-fill [remix]

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

scissors-cut-line [remix]

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

scissors-fill [remix]

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

scissors-line [remix]

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

screenshot-2-fill [remix]

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

screenshot-2-line [remix]

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

shape-fill [remix]

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

shape-line [remix]

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

shapes-fill [remix]

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

shapes-line [remix]

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

sip-fill [remix]

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

sip-line [remix]

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

slice-fill [remix]

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

slice-line [remix]

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

square-fill [remix]

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

square-line [remix]

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

table-alt-fill [remix]

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

table-alt-line [remix]

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

table-fill [remix]

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

table-line [remix]

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

tools-fill [remix]

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

tools-line [remix]

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

triangle-fill [remix]

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

triangle-line [remix]

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

Paramètres d’affichage

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