<!-- source-hash: 1b4f14df4d197751c1db30727c0fd6f7 -->
A client-side React component library providing customizable SVG icons for common UI states and actions.

## Key Components

This file exports five icon components, each accepting an optional `className` prop for styling:

- **`CheckIcon`** - Simple checkmark for success states and confirmations
- **`XIcon`** - X/close icon for dismissals and cancellations
- **`MinusIcon`** - Horizontal line for remove/subtract actions
- **`CheckCircleIcon`** - Checkmark within a circle for completed states
- **`XCircleIcon`** - X within a circle for error or failure states

All icons use consistent styling with `currentColor` stroke, 2px stroke width, and rounded line caps for a cohesive visual appearance.

## Usage Example

```typescript
import { CheckIcon, XCircleIcon } from './custom-icons'

function StatusMessage({ isSuccess, message }: { isSuccess: boolean, message: string }) {
  return (
    <div className="flex items-center gap-2">
      {isSuccess ? (
        <CheckIcon className="w-5 h-5 text-green-500" />
      ) : (
        <XCircleIcon className="w-5 h-5 text-red-500" />
      )}
      <span>{message}</span>
    </div>
  )
}

// Button with close icon
function CloseButton({ onClick }: { onClick: () => void }) {
  return (
    <button onClick={onClick} className="p-2 hover:bg-gray-100 rounded">
      <XIcon className="w-4 h-4" />
    </button>
  )
}
```