> For the complete documentation index, see [llms.txt](https://legacy-docs.aragon.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://legacy-docs.aragon.org/developers/tools/aragonui/base/icons.md).

# 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="/files/MylxqZ0tqpsYu2T8Artg" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/i8emlIWDMqyyj9ECgFQN" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/XrMul1aZvOMs2LFm0Xo9" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/XC3DmNirYUm0cvfOk9Z1" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/RWBe4erBxoHcIIUwaPn5" 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.