<!-- source-hash: a27c167d3d2a02d5f031fc52fa997590 -->
A React SVG component that renders a shield icon with a checkmark, commonly used to indicate security, protection, or verified status.

## Key Components

- **`ShieldIconProps`** - Interface extending React's SVG props for type safety
- **`ShieldIcon`** - Main component function that renders the shield SVG with customizable styling

## Usage Example

```typescript
import { ShieldIcon } from './shield-icon'

// Basic usage with defaults
<ShieldIcon />

// Custom styling and color
<ShieldIcon 
  className="h-8 w-8" 
  color="green" 
/>

// With additional SVG props
<ShieldIcon 
  className="h-4 w-4"
  color="#10B981"
  onClick={() => console.log('Shield clicked')}
/>
```

The component defaults to 24x24 pixels (`h-6 w-6`) with white stroke color. It accepts all standard SVG props through spreading, making it highly customizable for different use cases like security badges, verification indicators, or protection status icons.