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 // Custom size and color ``` ## 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' ```