# scu-icon



<!-- Auto Generated Below -->


## Properties

| Property         | Attribute         | Description | Type     | Default         |
| ---------------- | ----------------- | ----------- | -------- | --------------- |
| `color`          | `color`           |             | `string` | `'icon'`        |
| `colorVar`       | `color-var`       |             | `string` | `undefined`     |
| `colorVariation` | `color-variation` |             | `string` | `undefined`     |
| `icon`           | `icon`            |             | `string` | `'placeholder'` |
| `margin`         | `margin`          |             | `string` | `undefined`     |
| `size`           | `size`            |             | `number` | `24`            |


## Dependencies

### Used by

 - [scu-button](../scu-button)

### Graph
```mermaid
graph TD;
  scu-button --> scu-icon
  style scu-icon fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------

*Built with [StencilJS](https://stenciljs.com/)*