<!-- source-hash: eaedb855fbafd4e8e6a8c97a3aa3967e -->
A React SVG icon component that renders a minus sign inside a circle, commonly used for decrement actions, removal operations, or collapsing UI elements.

## Key Components

- **MinusCircleIconProps**: Interface extending React's SVGProps with optional className
- **MinusCircleIcon**: Main component function that renders the SVG icon
- **SVG paths**: Two path elements defining the circle outline and minus symbol

## Usage Example

```typescript
import { MinusCircleIcon } from './minus-circle-icon'

// Basic usage
<MinusCircleIcon />

// With custom styling
<MinusCircleIcon 
  className="text-red-500 hover:text-red-700" 
  width="32" 
  height="32"
/>

// As a button with click handler
<button onClick={handleRemove}>
  <MinusCircleIcon className="w-5 h-5" />
  Remove Item
</button>

// With custom fill color
<MinusCircleIcon 
  fill="currentColor" 
  className="text-blue-600"
/>
```

The component accepts all standard SVG props through prop spreading, making it highly customizable for different use cases like form controls, list management, or navigation elements.