Visuele bibliotheek

Monoline elementen

Officiële monoline-iconen uit het ZER-document — 50 uniforme lijntekeningen. Eén centrale bron, herbruikbaar op elk formaat en in elke merkkleur via currentColor. Click any icon to copy the full import snippet to your clipboard.

Click an icon in the grid — import and JSX are copied automatically, ready for your editor or an AI assistant.Full style guide (colour, type, components) →

01Onderwijs & media

02Communicatie

03Maken & studio

04Strategie & resultaat

05Digitaal & devices

06Plek & wereld

07Groei & energie

07Gebruik

Eén import, overal inzetbaar

Via name prop

import { MonoIcon }
  from "@/components/swiss/react/monoline";

<MonoIcon
  name="clapperboard"
  className="w-10 h-10 text-brand-primary"
/>

Named exports

import {
  BookOpen,
  Megaphone,
} from "@/components/swiss/react/monoline";

<BookOpen className="w-8 h-8" />
<Megaphone
  className="w-8 h-8 text-brand-accent"
/>

Alle icons: fill via currentColor, viewBox 1000×1000. Schaalbaar zonder verlies, themakleur-bewust. Elk icoon in het raster kopieert import + MonoIcon én named export in één actie.