React
Pass a pictogram from the @hoverinc/icons package
to the pictogram
prop.
import { Pictogram } from '@hoverinc/design-system-react-web';
<Pictogram pictogram={pictogramCabinets} />
Size
Pictograms are currently only available in a single size, default
.
<Box flexDirection="column">
<Pictogram pictogram={pictogramCabinets} size="default" />
Color
Pass any system color to the color
prop to control the color of the icon.
<Box flexDirection="column">
<Pictogram pictogram={pictogramDecking} color="danger.base" />
<Pictogram pictogram={pictogramDoors} color="warning.base" />
<Pictogram pictogram={pictogramFurniture} color="success.base" />