Quickstart

Fungi's approved illustrated symbols and visual studies

This illustrative example renders one decorative mark. Give its enclosing control its own accessible name:

import { Sigil } from "@fungi.computer/sigils";

<button aria-label="List files">
  <Sigil name="list" size={24} />
</button>;

Sigil renders an aria-hidden SVG in a 64 by 64 view box. The caller controls its size and provides the accessible text on the surrounding control.