Icon picker
A searchable grid of our own 40 glyphs with categories, recent icons, two-dimensional keyboard navigation and a selected preview with name.
Preview
Announce
Communication · megaphone
Recent
All icons
Preview
#launch-updates218 members
Arrow keys move through the grid; Enter picks.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value / defaultValue | string | null | null | Selected icon id. |
| onValueChange | (id: string) => void | — | Called when an icon is picked. |
| icons | IconDef[] | ICONS | Icons to offer: { id, name, category, keywords?, d }. Defaults to our 40 glyphs. |
| defaultRecent | string[] | [] | Initial recent icon ids, newest first. |
| columns | number | 8 | Grid columns; ↑/↓ move by this many. |
| label | string | "Icon" | Accessible name of the picker. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.