<!-- source-hash: 9484c05da182a94f606f6051779e664d -->
A deprecated SVG icon component rendering a shield with a key symbol, intended for security-related UI elements.

## Key Components

### `ShieldKeyIconProps`
| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `className` | `string` | `''` | CSS class for styling |
| `size` | `number` | `24` | Width and height in pixels |
| `color` | `string` | `'white'` | SVG fill color |

### `ShieldKeyIcon`
Renders a 24×24 viewBox SVG depicting a shield with a keyhole/lock symbol. Accepts size, color, and className overrides.

> ⚠️ **Deprecated** — This component is deprecated. Use icons from `icons-v2-generated` instead.

## Usage Example

```typescript
import { ShieldKeyIcon } from './shield-key-icon'

// Basic usage
<ShieldKeyIcon />

// Custom size and color
<ShieldKeyIcon size={32} color="#FFC008" className="my-icon" />
```

## Migration

Replace usages with the equivalent from the `icons-v2-generated` package:

```typescript
// ❌ Deprecated
import { ShieldKeyIcon } from './shield-key-icon'

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