Andeus Designfor Reactv0.1
Components · Layout

Icon

A 1-bit pixel icon drawn on a 24-pixel grid. See Foundations › Icons for the full set.

jsx
import { Icon } from '@andeus/ui';

Sizes

jsx
<Icon name="folder" size={16} />
<Icon name="folder" size={24} />
<Icon name="warning-box" size={48} color="var(--signal-orange)" />

Props

PropTypeDefault
nameIconNameRequired
sizenumber24Multiples of 8 stay crisp.
colorstringcurrentColor
titlestring—Makes the icon announced.
PreviousLabeledNextChart