The icons can be displayed in three different sizes

```react|span-1
const { SMALL } = sizes;
<Icon size={ SMALL } name="clock" />
```

```react|span-1
const { NORMAL } = sizes;
<Icon size={ NORMAL } name="clock" />
```

```react|span-1
const { LARGE } = sizes;
<Icon size={ LARGE } name="clock" />
```

```react|span-1
const { EXTRA_LARGE } = sizes;
<Icon size={ EXTRA_LARGE } name="clock" />
```

These are all the icons that we use

```react|span-2
<Icon name="add" />
```

```react|span-2
<Icon name="back" />
```

```react|span-2
<Icon name="advanced" />
```

```react|span-2
<Icon name="arrowDown" />
```

```react|span-2
<Icon name="arrowLeft" />
```

```react|span-2
<Icon name="arrowRight" />
```

```react|span-2
<Icon name="arrowUp" />
```

```react|span-2
<Icon name="asterisk" />
```

```react|span-2
<Icon name="beginner" />
```

```react|span-2
<Icon name="calendar" />
```

```react|span-2
<Icon name="checkmark" />
```

```react|span-2
<Icon name="document" />
```

```react|span-2
<Icon name="clock" />
```

```react|span-2
<Icon name="expert" />
```

```react|span-2
<Icon name="eye" />
```

```react|span-2
<Icon name="facebook" />
```

```react|span-2
<Icon name="hamburger" />
```

```react|span-2
<Icon name="link" />
```

```react|span-2
<Icon name="plus" />
```

```react|span-2
<Icon name="minus" />
```

```react|span-2
<Icon name="question" />
```

```react|span-2
<Icon name="remove" />
```

```react|span-2
<Icon name="rocket" />
```

```react|span-2
<Icon name="search" />
```

```react|span-2
<Icon name="sort" />
```

```react|span-2
<Icon name="twitter" />
```

```react|span-2
<Icon name="video" />
```
