Icon
====
Renders an icon using the Font Awesome library.

```jsx
<div>
    <Icon name="cog" />
    <Icon name="bug" size="xsmall" />
    <Icon name="caret-down" rotate={180} />
    <Icon name="refresh" spin={true} />
</div>
```

### Props

**name={string}**  
Name of the icon from the [Font Awesome icon list](http://fontawesome.io/icons/).

**size={string}**  
Displays the icon at the given size. Possible values are: 'xsmall', 'small', 'medium', 'large', and 'xlarge'.

**rotate={number}**  
Rotates the icon. Possible values are 0, 90, 180, and 270.

**spin={bool}**  
Spins the icon using CSS animation.

### Examples

```jsx
import React from 'react';
import { render } from 'react-dom';
import Icon from 'Components/Icon';

const App = ({spin}) => (
    <div>
        <Icon name="refresh" spin={spin} />
    </div>
);

render(<App />, document.getElementById('mount'));
```