> 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="/files/gyXHISEIuMG456DTlDLg" 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                                       |