<!-- source-hash: 15d06bffcb880220dffaa9e2fd3f0a17 -->
A deprecated SVG icon component that renders an info circle (ℹ️) symbol with configurable size and color.

## Key Components

### `InfoCircleIconProps`
| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `className` | `string` | `""` | CSS class for the SVG element |
| `color` | `string` | `"currentColor"` | Stroke color |
| `size` | `number` | `24` | Sets both width and height |
| `width` | `number` | `24` | SVG width (overridden by `size`) |
| `height` | `number` | `24` | SVG height (overridden by `size`) |

### `InfoCircleIcon` ⚠️ Deprecated
Renders a 24×24 viewBox SVG info circle icon. `size` takes precedence over individual `width`/`height` props.

> **Deprecated:** Use icons from `icons-v2-generated` instead.

## Usage Example

```typescript
import { InfoCircleIcon } from './info-circle-icon';

// Basic usage
<InfoCircleIcon />

// Custom size and color
<InfoCircleIcon size={32} color="#FFC008" />

// Independent width/height
<InfoCircleIcon width={20} height={20} className="ml-2" />

// Inherits text color via currentColor
<span className="text-blue-500">
  <InfoCircleIcon size={16} />
</span>
```