# Icon

Gravity uses [Feather icons](https://feathericons.com/) to provide a full suite of beautiful vector icons for your app.

## Preview

<div align="left"><figure><img src="https://3357577683-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LlnrBGdA8s50Vnplq1j%2Fuploads%2FpPW5XgeNCux37oeNyUCY%2Ficon.png?alt=media&#x26;token=3c9fde90-a014-4e66-94ae-4b2d11973dae" alt="" width="20"><figcaption></figcaption></figure></div>

## Code

```javascript
  <Icon
    image='save'
    color='dark'
    size={ 20 }
  />
```

## Props

| Prop  | Description       | Required | Value                                               |
| ----- | ----------------- | -------- | --------------------------------------------------- |
| color | color of the icon | required | dark, light or hex value                            |
| image | the icon image    | required | r[efer to Feather Icons](https://feathericons.com/) |
| size  | size of the icon  | optional | integer *(default: 20)*                             |
| style | custom style      | optional | styles object                                       |