Material Symbols
La bibliothèque d’icônes Material Symbols est utilisée pour les cas d’usages généraux (dans les interfaces, les étiquettes, les boutons, etc.).
Elle offre une grande diversité d’icônes familières, faciles à comprendre et polyvalentes.
Material Symbols
Bibliothèque officielle, avec recherche filtrée intégrée.
Plugin Figma
Usage pratique pour le design sur Figma.
L’usage de ces icônes se fait avec les paramètres suivants :
Style
Rounded
Fill (Remplissage)
Off
Weight (Épaisseur)
200 ↔ 400
Grade (Contraste)
0
Optical size (Taille optique)
24
Appariement avec du texte
Les icônes d’interface doivent apparaître légèrement plus épaisses que le texte, mais pas au niveau du gras.
Taille 24px – Épaisseur 300
Taille 24px – Épaisseur 400
Une icône fine est moins lisible en petite taille. Cet usage est autorisé en grande taille.
Taille 24px – Épaisseur 200
L’épaisseur de l’icône crée un déséquilibre. Cette épaisseur peut être utilisée si le texte est mis en gras également.
Épaisseur selon la taille
Le paramètre Weight peut être ajusté en fonction de la taille des icônes afin de conserver une harmonie visuelle entre les éléments.
Taille de l’icône (72 dpi)
Épaisseur recommandée
Prévisualisation
16px ↔ 32px
300
Au-delà de 32px
200
