Icônes

Toutes les icônes de Bebat peuvent être consultées dans la bibliothèque Figma suivante : https://www.figma.com/file/5kPK4e9fkfK2kgk61SZ1bm/Fundamentals-%2F-Branded-Icons?type=design&node-id=509%3A7736&mode=design&t=AvEjweWxwibNUMgZ-1

Règles de style

Pour les icônes, une seule largeur de trait est utilisée.

À l’extérieur de l’icône, les coins arrondis sont privilégiés. Il est préférable d’utiliser des angles droits à condition qu’ils améliorent l’apparence générale de l’icône.

Les extrémités des traits doivent être munies d’un « butt-cap » ou d’un « rounded-cap ».

Une combinaison de coins droits et arrondis peut être utilisée à l’intérieur de l’icône.

Application

Les icônes ISO sont utilisées en grande taille, au moins 64 px. Elles sont plus détaillées et peuvent transmettre des informations plus complexes que les icônes UI. Elles sont conçues avec un trait de 2,2 px.

Les icônes doivent toujours être mises à l’échelle à l’aide de l’outil « scale-tool » ou « K » dans Figma. Dans Illustrator, cochez l’option « Scale strokes & effects ».

Icônes UI

Nous faisons de même avec la bibliothèque d’icônes Tabler, qui sera utilisée sur les plateformes de Bebat pour les icônes UI.

Vous trouverez des exemples sur : tabler-icons.io