/

Iconen

Iconen

Iconen helpen om informatie snel visueel te maken. Ze ondersteunen onze teksten en acties en voegen kleur toe. Hiervoor gebruiken we de HugeIcons library.

Hugeicons - onze iconenset

We gebruiken Hugeicons - Standard stroke en solid.

  • Modern en vriendelijk

  • Eenvoudig en herkenbaar

Hoe gebruik je Hugeicons?

  1. Ga naar de Hugeicons-website (zie knop hierboven)

  2. Klik op 'icons' en selecteer 'Standard stroke' of 'Standard solid'

  3. Zoek en selecteer een icoon

  4. Vul de gewenste hex-kleur in voor het exporteren (zie kleuren)

  5. Download als SVG of PNG, kopieer direct naar het klembord of kopieer de code.

  1. Ga naar de Hugeicons-website (zie knop hierboven)

  2. Klik op 'icons' en selecteer 'Standard stroke' of 'Standard solid'

  3. Zoek en selecteer een icoon

  4. Vul de gewenste hex-kleur in voor het exporteren (zie kleuren)

  5. Download als SVG of PNG, kopieer direct naar het klembord of kopieer de code.

  1. Ga naar de Hugeicons-website (zie knop hierboven)

  2. Klik op 'icons' en selecteer 'Standard stroke' of 'Standard solid'

  3. Zoek en selecteer een icoon

  4. Vul de gewenste hex-kleur in voor het exporteren (zie kleuren)

  5. Download als SVG of PNG, kopieer direct naar het klembord of kopieer de code.

Icoon formaten

Gebruik alleen onderstaande vaste stappen — nooit willekeurig vergroten of verkleinen.

Loading...

Iconen op gekleurde achtergrond

Op primaire kleurvlakken gebruiken we dezelfde icoon-kleur als tekst. Op lichte tint achtergronden, is de kleur van het icoon altijd de primaire versie van de tint-kleur.

Tips & tricks

  • Bij tekst + icoon: iconen links naast de tekst plaatsen

  • In knoppen: kleine iconen vóór de tekst, niet erachter

  • Gebruik iconen ondersteunend, niet ter vervanging van tekst

Wat je niet moet doen

  • Geen eigen effecten toevoegen zoals schaduw of glow

  • Iconen niet stretchen of kromtrekken (altijd proportioneel)

  • Iconen niet in vulkleur omzetten (filled icons vermijden)

  • Iconen niet combineren met andere sets

  • Geen verkeerde kleuren gebruiken buiten het merkpalet

/

Brand guidelines

/

Brand guidelines

Iconen

Iconen helpen om informatie snel visueel te maken. Ze ondersteunen onze teksten en acties en voegen kleur toe. Hiervoor gebruiken we de HugeIcons library.

/

Brand guidelines

/

Brand guidelines

Iconen

Iconen helpen om informatie snel visueel te maken. Ze ondersteunen onze teksten en acties en voegen kleur toe. Hiervoor gebruiken we de HugeIcons library.