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` 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 // White overlay version with custom size // With additional SVG props ``` 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.