> For the complete documentation index, see [llms.txt](https://docs.usegravity.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.usegravity.app/gravity-native/components/icon.md).

# 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&amp;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                                       |