---
name: Icon
menu: Components
route: /components/icon
---

import { Icon } from './';
import { Playground } from 'docz';

# Icon

We use the amazing [@blueprintjs/icons](https://blueprintjs.com/docs/#icons) package for all of its icons.

## Import

```js
import { Icon } from '@firstclasspostcodes/sw13';
// or
import { Icon } from '@firstclasspostcodes/sw13/lib/components/Icon';
```

## Example

<Playground>
  <Icon variant="contained" color="base" icon="globe" size="5" />
  <Icon variant="outlined" color="base" icon="home" size="5" border="15" />
</Playground>

<Playground>
  <Icon color="base" icon="globe" />
</Playground>