A React SVG component that renders a check mark icon inside a circle, commonly used to indicate success, completion, or validation states.
## Key Components
- **CheckCircleIcon** - Main functional component that renders the SVG icon
- **CheckCircleIconProps** - TypeScript interface extending standard SVG props with optional className
- **SVG Paths** - Two path elements: one for the circle outline and one for the check mark
## Usage Example
```typescript
import { CheckCircleIcon } from './check-circle-icon'
// Basic usage with default styling
// Custom color and size
// In a success message
Task completed successfully!
// With additional SVG props
handleClick()}
aria-label="Success indicator"
/>
```
The component defaults to a 24x24 pixel size with dark gray color (`#1A1A1A`) but accepts all standard SVG properties for customization. The icon features a clean, modern design with proper accessibility support through standard SVG attributes.