<!-- source-hash: 4677336fc9489626a4aaa759daa54a8c -->
A React SVG icon component that renders a user/person icon with editing capabilities, featuring customizable dimensions and styling.

## Key Components

- **UserIcon**: Main functional component that renders an SVG icon
- **UserIconProps**: TypeScript interface defining component props
  - `width`: Optional width (number or string, defaults to 24)
  - `height`: Optional height (number or string, defaults to 23)
  - `className`: Optional CSS class (defaults to "text-current")

## Usage Example

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

// Basic usage with defaults
<UserIcon />

// Custom size and styling
<UserIcon 
  width={32} 
  height={30} 
  className="text-blue-500" 
/>

// Responsive sizing
<UserIcon 
  width="100%" 
  height="auto" 
  className="hover:text-gray-600" 
/>

// In a button or interactive element
<button className="flex items-center gap-2">
  <UserIcon width={16} height={15} />
  Profile
</button>
```

The icon uses `currentColor` fill, making it inherit the text color of its parent element for seamless integration with design systems. The SVG depicts a user avatar with an edit pencil overlay, suitable for profile management interfaces.