Skip to content
design system
Thème d’affichage, actuellement Auto

23 drawings · 24-unit grid · currentColor

Icons

An icon is a drawing that goes with a word, never the word. Every drawing is hidden from assistive technology and draws in the current colour, so it follows the ink in both themes and under forced colours.

The set

  • arrow-left
  • arrow-right
  • building
  • check
  • chevron-down
  • chevron-left
  • chevron-right
  • close
  • cross
  • document
  • dot
  • empty-set
  • external
  • home
  • info
  • logout
  • menu
  • more
  • search
  • settings
  • shield-check
  • slash-circle
  • warning

The audit statuses

A status is drawn through statusIcon, never by picking a shape, and always with the word from the shared table. Documents and running text keep the character symbols instead; the drawing is for a control or a chip that has room for a line.

  • C, Conforme
  • NC, Non conforme
  • NA, Non applicable
  • NT, Non testé
  • Dérogé

As a string

The extension draws its page furniture without Svelte. svgIcon(name, options) from @rgaa-dev/design/icons returns the same markup as a string, hidden and sized the same way:

<svg class="rl-icon rl-icon--sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 6 9 17l-5-5"/></svg>