24 pétanque-domain icons, drawn in Lucide's stroke-1.5 style,
plus all Lucide icons via lucide-react.
Single wrapper — identical API on web and native.
24 total
play-object
role
moment
tournament
level
Usage
tsx · view.tsx
import { Icon } from '@petanque-life/shared/icons';
<Icon name="boule" size={20} />
<Icon name="terrain" size={32} color="var(--color-brand-700)" />
// Lucide fallback — any Lucide name works alongside petanque names.
<Icon name="arrow-right" size={20} />| Prop | Type | Default | Description |
|---|---|---|---|
| name | PetanqueIconName | LucideIconName | — (required) | Icon identifier. Unknown names render a warning icon in dev. |
| size | number | string | 24 | Width and height in pixels (or any CSS length). |
| color | string | "currentColor" | Stroke colour. |
| strokeWidth | number | 1.5 | Stroke width — never lower than 1 at any size. |
| title | string | icon label | Accessible name. Pass <code>""</code> for decorative. |