<!-- source-hash: 762bedc4b3db75fe38a4bcc420498772 -->
A React SVG icon component that renders a plus symbol inside a circle, commonly used for "add" or "create new" actions in user interfaces.

## Key Components

- **PlusCircleIcon**: Main functional component that renders the SVG icon
- **PlusCircleIconProps**: TypeScript interface extending `React.SVGProps<SVGSVGElement>` with custom properties:
  - `className?: string` - CSS class for styling
  - `whiteOverlay?: boolean` - Toggle between green (#5EA62E) and white fill colors
  - `iconSize?: number` - Controls width and height (default: 24px)

The component uses two SVG paths: one for the circular outline and another for the plus symbol inside.

## Usage Example

```typescript
import { PlusCircleIcon } from './plus-circle-icon'

// Default green icon
<PlusCircleIcon />

// White overlay version with custom size
<PlusCircleIcon 
  whiteOverlay={true} 
  iconSize={32} 
  className="my-custom-class" 
/>

// With additional SVG props
<PlusCircleIcon 
  onClick={handleAddClick}
  role="button"
  aria-label="Add new item"
/>
```

The icon maintains a 24x24 viewBox regardless of size, ensuring consistent proportions. The `whiteOverlay` prop is useful for overlaying the icon on colored backgrounds where the default green might not provide sufficient contrast.