---
title: Icon library
description: A comprehensive list of all available icons in the Click UI library.	
---

Source: https://clickhouse.design/click-ui/iconLibrary

# Icon library

A comprehensive list of all available icons in the Click UI library.

### Glyphs

### Flags

### Payments

| Prop   | Type                                                        | Default value    | Description                                 |
| ------ | ----------------------------------------------------------- | ---------------- | ------------------------------------------- |
| name   | `IconName`                                                  | `""`             | The name of the icon to display             |
| size   | `"xs" \| "sm" \| "md" \| "lg" \| "xl" \| "xxl"`             | `"md"`           | The size of the icon                        |
| color  | `string`                                                    | `"currentColor"` | The color of the icon (CSS color value)     |
| state  | `"default" \| "success" \| "warning" \| "danger" \| "info"` | `"default"`      | The visual state of the icon                |
| width  | `number \| string`                                          | `undefined`      | Custom width for the icon (overrides size)  |
| height | `number \| string`                                          | `undefined`      | Custom height for the icon (overrides size) |

```tsx
import { Icon } from '@clickhouse/click-ui'

<Icon 
  name="check"
  size="md"
  state="default"
  color="currentColor"
/>
```