Icons — Design System

Usage

Icons are shipped as a webfont (like Font Awesome). Use the base icons class plus an icon-<name> modifier on an <i> element.

<i class="icons icon-add"></i>

All icons

Regenerating the font

Drop new SVGs into src/icons/<category>/, then run:

npm run build:icons

This regenerates public/fonts/icons/icons.{woff2,woff,ttf,css} from every SVG under src/icons, keyed by filename (e.g. src/icons/system/add.svg → icon-add).