Iconen

Alle Bebat-iconen kunnen in volgende Figma-library geraadpleegd worden: https://www.figma.com/file/5kPK4e9fkfK2kgk61SZ1bm/Fundamentals-%2F-Branded-Icons?type=design&node-id=509%3A7736&mode=design&t=AvEjweWxwibNUMgZ-1

Stijlregels

Bij de iconen wordt er één lijndikte gebruikt.

Aan de buitenkant van het icoon gaat de voorkeur naar afgeronde hoeken, als een rechte hoek de algemene look van het icoon versterkt, dan krijgt dit de voorkeur.

De uiteindes van de lijnen moeten een "butt-cap" of "rounded-cap" hebben.

Aan de binnenkant van het icoon mag een combinatie van rechte en ronde hoeken gebruikt worden.

Toepassing

ISO-iconen worden in grote formaten gebruikt, minimaal 64 px. Ze hebben meer details en kunnen complexere informatie overbrengen dan de UI-iconen. Ze zijn gebouwd met een lijn van 2,2 px.

Altijd de iconen schalen d.m.v. de "scale-tool" of "K" in Figma. In Illustrator de "Scale strokes & effects"-optie aanvinken.

UI-iconen

We doen hetzelfde met de Tabler Icon Library, die op de platformen van Bebat gebruikt zal worden voor de UI-iconen.

Voorbeelden vind je op: tabler-icons.io