On this page
Icons
Batoi UIF uses SVG-first icons for actions, status, and compact interface cues.
Icons should improve recognition, not replace clear labels where the action may be ambiguous.
Usage
import { mountIcons } from '/assets/batoi-uif-main/dist/uif.esm.js';
mountIcons();Guidance
- Use icon plus text for main commands.
- Use icon-only controls only when the symbol is familiar and a tooltip is available.
- Keep icon size consistent within a toolbar.
- Avoid decorative icons that do not help the task.
Reference
The regularly updated Icon Gallery from the Batoi UIF library is available at https://www.batoi.com/assets/batoi-uif-main/examples/icon-gallery/.