# Icons

ragonUI icons are available as a set of components that share the same props API. Icons inherit from the CSS `color`.

You can see the full list of icons on the website.

## Usage <a href="#usage" id="usage"></a>

```jsx
import { Main, IconEdit } from '@aragon/ui'

function App() {
  return (
    <Main>
      <IconEdit />
    </Main>
  )
}
```

## Icons set

<figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-cf946e268c4cb05f406f7d57b33552222dce4911%2FSchermata%202022-08-30%20alle%2015.48.38%20(1).png?alt=media" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-3805a9f18a38594dca1b2f429279f4a88f13fddc%2FSchermata%202022-08-30%20alle%2015.48.51.png?alt=media" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-27e033c077ec55d9d8335ce80d8ab224baaedc67%2FSchermata%202022-08-30%20alle%2015.49.02.png?alt=media" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-a075a1b02eee5d5cb1dce1ec7334f92a1dc4b756%2FSchermata%202022-08-30%20alle%2015.49.13%20(2).png?alt=media" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-f391d15d8452ad6a0b51a67d333904d4da40583a%2FSchermata%202022-08-30%20alle%2015.49.42.png?alt=media" alt=""><figcaption></figcaption></figure>

## Props <a href="#props" id="props"></a>

#### `size` <a href="#size" id="size"></a>

| TYPE                                     | DEFAULT VALUE |
| ---------------------------------------- | ------------- |
| `"tiny"`,`"small"`,`"medium"`, `"large"` | `"medium"`    |

The size of the button.