<!-- source-hash: ee46b73ec4a585ed1cc392abc1350076 -->
A collection of custom SVG icon components built with React and TypeScript, providing styled check and X circle icons for UI feedback states.

## Key Components

- **`CheckCircleIcon`** - Green check mark circle icon for success states
- **`XCircleIcon`** - Red X circle icon for error states  
- **`IconProps`** - TypeScript interface defining optional className prop

## Usage Example

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

// Success state
<CheckCircleIcon className="w-6 h-6" />

// Error state  
<XCircleIcon className="w-6 h-6" />

// Custom styling
<CheckCircleIcon className="success-icon custom-styles" />
<XCircleIcon className="error-icon animate-bounce" />
```

Both icons are fixed at 25x24 viewBox dimensions with hardcoded colors (green #5EA62E for success, red #F36666 for error) and accept optional CSS classes for additional styling. The SVG paths use fill rules for proper rendering of the circular shapes with inner icons.