<!-- source-hash: b4d94b8f8123ef1ed4d4da8255b6d8c3 -->
A deprecated React SVG icon component that renders a hexagonal settings/gear icon with a circular center element.

## Key Components

| Export | Type | Description |
|--------|------|-------------|
| `SettingsIcon` | `React.FC` | Renders a 24×22 SVG settings icon |
| `SettingsIconProps` | `interface` | Props for size, color, and className |

### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `className` | `string` | `''` | CSS class applied to the wrapper |
| `size` | `number` | `20` | Icon size (accepted but not applied to SVG) |
| `color` | `string` | `'white'` | Fill color for both SVG paths |

## Usage Example

```typescript
import { SettingsIcon } from './settings-icon'

// Basic usage
<SettingsIcon />

// Custom color
<SettingsIcon color="#FFC008" className="my-icon" />
```

## ⚠️ Deprecation Notice

This component is **deprecated**. Use the equivalent icon from `icons-v2-generated` instead:

```typescript
// ❌ Deprecated
import { SettingsIcon } from './settings-icon'

// ✅ Preferred
import { SettingsIcon } from '@/components/icons-v2-generated'
```

> **Note:** The `size` prop is accepted but not applied to the SVG viewport — the icon renders at a fixed `24×22` regardless of the `size` value passed.