# ez-icon



<!-- Auto Generated Below -->


## Properties

| Property   | Attribute   | Description                                                                                                                                       | Type                                                       | Default     |
| ---------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------- | ----------- |
| `fontSize` | `font-size` | Define o tamanho da fonte.                                                                                                                        | `number \| string`                                         | `undefined` |
| `href`     | `href`      | Define o endereço da imagem quando não contempladas na biblioteca de ícones.                                                                      | `string`                                                   | `undefined` |
| `iconName` | `icon-name` | Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string`                                                   | `undefined` |
| `size`     | `size`      | Define o tamanho do ícone.                                                                                                                        | `"large" \| "medium" \| "small" \| "x-large" \| "x-small"` | `"medium"`  |


## Dependencies

### Used by

 - [ez-actions-button](../ez-actions-button)
 - [ez-alert](../ez-alert)
 - [ez-avatar](../ez-avatar)
 - [ez-badge](../ez-badge)
 - [ez-breadcrumb](../ez-breadcrumb)
 - [ez-button](../ez-button)
 - [ez-chip](../ez-chip)
 - [ez-classic-input](../ez-classic-input)
 - [ez-classic-text-area](../ez-classic-text-area)
 - [ez-collapsible-box](../ez-collapsible-box)
 - [ez-combo-box](../ez-combo-box)
 - [ez-dialog](../ez-dialog)
 - [ez-dropdown](../ez-dropdown)
 - [ez-file-item](../ez-file-item)
 - [ez-filter-input](../ez-filter-input)
 - [ez-grid](../ez-grid)
 - [ez-list-item](../ez-list-item)
 - [ez-modal-container](../ez-modal-container)
 - [ez-multi-select-input](../ez-multi-select-input)
 - [ez-multi-selection-list](../ez-multi-selection-list)
 - [ez-rich-toolbar-item](../ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-item)
 - [ez-search](../ez-search)
 - [ez-search-plus](../ez-search-plus)
 - [ez-sidebar-button](../ez-sidebar-button)
 - [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
 - [ez-split-button](../ez-split-button)
 - [ez-tabselector](../ez-tabselector)
 - [ez-text-area](../ez-text-area)
 - [ez-text-input](../ez-text-input)
 - [ez-tile](../ez-tile)
 - [ez-tile-medium](../ez-tile-medium)
 - [ez-time-input](../ez-time-input)
 - [ez-tree](../ez-tree)

### Graph
```mermaid
graph TD;
  ez-actions-button --> ez-icon
  ez-alert --> ez-icon
  ez-avatar --> ez-icon
  ez-badge --> ez-icon
  ez-breadcrumb --> ez-icon
  ez-button --> ez-icon
  ez-chip --> ez-icon
  ez-classic-input --> ez-icon
  ez-classic-text-area --> ez-icon
  ez-collapsible-box --> ez-icon
  ez-combo-box --> ez-icon
  ez-dialog --> ez-icon
  ez-dropdown --> ez-icon
  ez-file-item --> ez-icon
  ez-filter-input --> ez-icon
  ez-grid --> ez-icon
  ez-list-item --> ez-icon
  ez-modal-container --> ez-icon
  ez-multi-select-input --> ez-icon
  ez-multi-selection-list --> ez-icon
  ez-rich-toolbar-item --> ez-icon
  ez-search --> ez-icon
  ez-search-plus --> ez-icon
  ez-sidebar-button --> ez-icon
  ez-simple-image-uploader --> ez-icon
  ez-split-button --> ez-icon
  ez-tabselector --> ez-icon
  ez-text-area --> ez-icon
  ez-text-input --> ez-icon
  ez-tile --> ez-icon
  ez-tile-medium --> ez-icon
  ez-time-input --> ez-icon
  ez-tree --> ez-icon
  style ez-icon fill:#f9f,stroke:#333,stroke-width:4px
```

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




## CSS Variables
| Variable  | Description | 
 |-|-|
| --ez-icon--color | Define a cor do ícone.  |