Icon
Patterson icon — renders a glyph from the OFFICIAL Patterson icon font (93 glyphs, extracted from the production storefront pattern library).
Because it is a font, the glyph inherits color from its context and
scales with size. There is no stroke to set.
Props:
| Prop | Type | Description |
|---|---|---|
name |
string |
Glyph name from the official Patterson icon font, e.g. “cart”, “chevron-right”. |
size? |
'sm' | 'md' | 'lg' | string |
Preset ramp (sm 14px / md 20px / lg 24px) or any CSS length. |
color? |
string |
Any CSS color; defaults to inherited currentColor. |
label? |
string |
Accessible name. Omit for purely decorative glyphs (renders aria-hidden). |
Source: Icon.jsx · Icon.d.ts · category: core · live: kitchen sink