Icons

Usage

HTML

<i class="icon icon-arrow-right"></i>

With link

<a href="/stylus">
  <span>About</span>
  <i class="icon icon-arrow-right"></i>
</a>

Sizing & color

Icons inherit font-size and color from their parent.

.MyComponent .icon
  font-size 2.4rem
  color var(--color-grey)

Adding new icons

1. Drop an SVG file into src/icons/
2. Add a codepoint entry in vite.config.js → customCodepoints
3. Restart dev server — the font rebuilds automatically