## Icon
One glyph set, called by name — 259 icons imported from Figma, rendered by the shared <aha-icon>, never inline SVG.
Tier: leaf-lit. Frameworks: HTML (paste-and-run, no build step) · React · Vue 3.
Default to the HTML snippet — <aha-icon> is a standard custom element that renders on open — React/Vue are thin adapters over the same element.
Surfaces: editor, dashboard, settings, audience.
Props:
- name: string, default —. Registry glyph name, e.g. system-bell, slidetype-poll, filetype-course
- size: 12 | 16 | 24 | 32, default 24. On-grid pixel size; the master stroke scales with it
- label: string, default —. Accessible name (role=img). Omit for a decorative icon
- decorative: boolean, default false. aria-hidden — for an icon that only repeats adjacent text
Tokens: color-error.
Use when: system-* glyph (the default for all product-UI chrome, buttons, menus, list rows, status); -filled asset (a selected/active/on state — e.g. system-bookmark-simple-filled; a solid glyph survives greyscale); slide-type / file-type (labelling a slide kind or a file kind; file-type glyphs keep their baked brand colour).