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. Klik een icoon om de volledige import-code naar je klembord te kopiëren.

Klik op een icoon in het raster — import en JSX worden automatisch gekopieerd, klaar voor je editor of een AI-assistent.Volledige styleguide (kleur, typo, componenten) →

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.