Icon

The default export from this package is a wrapper which accepts a glyph property. Generally, you won't need this unless you're using your own custom icon.

Default

Commodo enim aliquip sint amet fugiat aliqua laborum esse et irure et excepteur enim. Enim irure eiusmod laboris aliquip Lorem dolore ullamco qui sit do in sit aliqua.

import Icon from '@/components/icon';

<Icon name="icon-home" />

Colors

import Icon from '@/components/icon';

<Icon name="icon-facebook" fill="#4267B2" />
<Icon name="icon-youtube" fill="#FF0000" />
<Icon name="icon-twitter" fill="#1DA1F2" />

Sizes

Commodo enim aliquip sint amet fugiat aliqua laborum esse et irure et excepteur enim. Enim irure eiusmod laboris aliquip Lorem dolore ullamco qui sit do in sit aliqua.

import Icon from '@/components/icon';

<Icon name="icon-home" />

All icons

You can explore all of our icons in the example below.