# hy-icon

<!-- Auto Generated Below -->

## Properties

| Property | Attribute | Description | Type     | Default     |
| -------- | --------- | ----------- | -------- | ----------- |
| `fill`   | `fill`    |             | `string` | `'black'`   |
| `icon`   | `icon`    |             | `string` | `undefined` |
| `size`   | `size`    |             | `number` | `20`        |

## Dependencies

### Used by

- [hy-accordion-item](../accordion-item)
- [hy-button](../button)
- [hy-cta-button](../cta-button)
- [hy-cta-link](../cta-link)
- [hy-hero](../hy-hero)
- [hy-link-box](../link-box)
- [hy-menu-item](../navigation/menu-item)
- [hy-menu-language](../navigation/menu-language)
- [hy-menu-mobile-breadcrumb](../navigation/menu-mobile-breadcrumb)
- [hy-shortcuts](../hy-shortcuts)
- [hy-site-header](../site-header)
- [hy-site-logo](../site-header/site-logo)
- [hy-site-search](../site-header/site-search)

### Graph

```mermaid
graph TD;
  hy-accordion-item --> hy-icon
  hy-button --> hy-icon
  hy-cta-button --> hy-icon
  hy-cta-link --> hy-icon
  hy-hero --> hy-icon
  hy-link-box --> hy-icon
  hy-menu-item --> hy-icon
  hy-menu-language --> hy-icon
  hy-menu-mobile-breadcrumb --> hy-icon
  hy-shortcuts --> hy-icon
  hy-site-header --> hy-icon
  hy-site-logo --> hy-icon
  hy-site-search --> hy-icon
  style hy-icon fill:#f9f,stroke:#333,stroke-width:4px
```

---

Helsinki University Design System