To use an icon, see the `Icon` component in the Components section.

NOTE: This component is deprecated. Please use `SVGIcon` component instead. To
upgrade please follow the instructions
[here](https://github.com/instacart/Snacks/pull/155).

Available Icons:

```jsx
import { Icon, colors } from 'ic-snacks'
const hexValues = require('../src/components/Icon/hexValues')

const wrapperStyles = {
  display: 'flex',
  flexDirection: 'row',
  flexWrap: 'wrap',
  margin: 0,
  padding: 0,
}
const iconWrapStyles = {
  flex: 1,
  height: '100px',
  flexBasis: '200px',
  padding: '8px',
  boxSizing: 'border-box',
  textAlign: 'center',
  listStyle: 'none',
  border: '1px solid #eee',
}
const iconStyle = {
  fontSize: '26px',
  color: colors.GREEN_500,
}

const icons = Object.keys(hexValues.default).map(name => {
  return (
    <li style={iconWrapStyles}>
      <Icon name={name} style={iconStyle}/>
      <p>{name}</p>
    </li>
  )
})

; <ul style={wrapperStyles}>
   { icons }
  </ul>
```
