Usage

import { Icon, SvgSmile } from '@loomhq/lens'
<Icon icon={<SvgSmile />} />

Icon

See the Icon set.

Color

Use one of the pallete colors.

Size

The default size is 3×3 units (1.5rem × 1.5rem), To change it use the size prop, the value can be specified in units, pixels or any valid css unit.

With alternative text

If the icon is not purely decorative, add an image text alternative for accessibility reasons.

Props

prop
type
default
required
color
string
'body'
size
oneOfType
number
string
3
altText
string
icon
node