# EuiDashboardCardContentHeaderIconComponent

**Type:** component



Icon component for dashboard card headers, displaying a visual indicator for the card's content type.
Automatically sized and styled to fit within the header layout.

### Basic Icon
```html
<eui-dashboard-card-content-header-icon icon="chart-bar:regular"/>
```

### With Different Icons
```html
<eui-dashboard-card-content-header-icon icon="users:regular"/>
<eui-dashboard-card-content-header-icon icon="shopping-cart:regular"/>
<eui-dashboard-card-content-header-icon icon="eui-calendar"/>
```

### Accessibility
- Icon is decorative when paired with title text
- Inherits color from parent card variant
- Size is fixed at 's' for consistency

### Notes
- Use within `eui-dashboard-card-content-header` component
- Supports all EUI icon names and Font Awesome icons
- Icon color adapts to card variant automatically
- Fixed size ensures consistent header appearance


**Selector:** `eui-dashboard-card-content-header-icon`

## Inputs
- **icon**: `string` - 
