Icons
Central Icons is the Smallest brand icon set. Use it everywhere in product UI.
In product
Wrappers from @/components/icons. Click to copy the export name.
Library
Live catalog from @central-icons-react/all plus agent-icon (2,085 icons). Outlined, stroke 2, radius 2. Updating the package updates this grid.
Best practices
When to use
- Use Central Icons for UI chrome. The Agents mark is agent-icon — first in the library. Do not introduce Lucide or one-off SVGs.
- Import wrappers from @/components/icons. Add a wrapper when a new name is needed more than once.
Behavior
- Keep the brand defaults: outlined, radius 2, stroke 2, round joins. Tighten radius to 0 only inside dense controls such as Checkbox.
- The library grid reads the installed @central-icons-react/all package, so pnpm update @central-icons-react/all refreshes the catalog.
Content
- Prefer the existing wrapper name in product code. Copy a Central name from this page only when adding a new wrapper.