---
imports:
  - "../dist/doc-icon.js"
---

### doc-icon

The `<doc-icon>` element is used to display an icon. The element is a wrapper around https://iconify.design/. Hence, any valid iconify icon can be used. Find the list of icons [here](https://icon-sets.iconify.design/).

#### Attributes

- `icon`: The icon to display.
- `size`: The size of the icon.

#### Example

```html
<doc-icon icon="mdi:home" size="24px"></doc-icon>
```

<doc-icon icon="mdi:home" size="24px"></doc-icon>