<!-- source-hash: 666e77dd792d1c7d0589ecf54a7a19f6 -->
A deprecated SVG icon component rendering a user/profile icon with an edit indicator.

## Key Components

### `UserIconProps`
| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `color` | `string` | `'white'` | Fill color for SVG paths |
| `width` | `number \| string` | `24` | SVG width |
| `height` | `number \| string` | `23` | SVG height |
| `className` | `string` | `'text-current'` | CSS class for the SVG element |

### `UserIcon`
Renders a 24×23 SVG combining a user profile silhouette with a small pen/edit overlay symbol.

> ⚠️ **Deprecated** — Use icons from `icons-v2-generated` instead.

## Usage Example

```typescript
import { UserIcon } from './user-icon'

// Default usage
<UserIcon />

// Custom color and size
<UserIcon color="#FFC008" width={32} height={32} />

// With Tailwind class
<UserIcon className="text-gray-500" color="currentColor" width={20} height={20} />
```

## Notes

- The SVG uses `fill="none"` at the root with explicit `fill={color}` on each `<path>`, so `className` alone does not control fill color — pass `color` explicitly or use `color="currentColor"` alongside a Tailwind text color class.
- Migrate usages to the `icons-v2-generated` package to stay aligned with the current icon system.