
```jsx
import { CIcon } from '@coreui/icons-react'
// or
import CIcon from '@coreui/icons-react/src/CIcon'
```

| Property | Description | Type | Default |
| --- | --- | --- | --- |
| **className** | A string of all className you want applied to the component. | `string` | - |
| **content** **_Deprecated 3.0+_** | Use `icon={...}` instead of | `string` \| `string[]` | - |
| **customClassName** | Use for replacing default CIcon component classes. Prop is overriding the 'size' prop. | `string` \| `string[]` | - |
| **height** | The height attribute defines the vertical length of an icon. | `number` | - |
| **icon** | Name of the icon placed in React object or SVG content. | `string` \| `string[]` | - |
| **name** **_Deprecated 3.0+_** | Use `icon="..."` instead of | `string` | - |
| **size** | Size of the icon. Available sizes: 'sm', 'lg', 'xl', 'xxl', '3xl...9xl', 'custom', 'custom-size'. | `'custom'` \| `'custom-size'` \| `'sm'` \| `'lg'` \| `'xl'` \| `'xxl'` \| `'3xl'` \| `'4xl'` \| `'5xl'` \| `'6xl'` \| `'7xl'` \| `'8xl'` \| `'9xl'` | - |
| **title** | Title tag content. | `string` | - |
| **use** | If defined component will be rendered using 'use' tag. | `string` | - |
| **viewBox** | The viewBox attribute defines the position and dimension of an SVG viewport. | `string` | - |
| **width** | The width attribute defines the horizontal length of an icon. | `number` | - |
