Font Awesome, zelf-gehost

Icon-bibliotheek via @fortawesome/fontawesome-free — gewoon uit node_modules geseed, geen CDN, geen third-party scripts, geen pageview-tracking.

Solid icons

Algemene UI-icons. Klasse fa-solid + de icon-naam.

fa-house

fa-user

fa-gear

fa-magnifying-glass

fa-envelope

fa-calendar

fa-circle-check

fa-triangle-exclamation

fa-arrow-right

fa-download

fa-play

fa-star

Logo's van externe services. Klasse fa-brands.

fa-github

fa-gitlab

fa-microsoft

fa-apple

fa-linux

fa-docker

fa-npm

fa-js

fa-css3-alt

fa-html5

fa-node-js

fa-square-js

Icons combineren prima met BS-knoppen, alerts en cards.

Een info-alert met een FA-icon erin. De Bootstrap-flex-helpers zorgen dat tekst en icon netjes naast elkaar staan.

Waarschuwing — let op: deze alert gebruikt alert-warning met een waarschuwingsicoon.

Sizes via fa-xs, fa-sm, fa-lg, fa-2x ... fa-10x. Kleur via gewone CSS color of Bootstrap text-* utilities.

Voeg de dependency toe: pnpm --filter @repo/website add @fortawesome/fontawesome-free
Uncomment de @import "font-awesome"; in packages/style/src/main.scss.
Kopieer de webfonts naar src/webfonts/.
Gebruik <i class="fa-solid fa-xxx"></i> in je HTML.

Volledige uitleg in apps/website/README.md onder "Optioneel: Font Awesome".