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 // Custom styling and color // With additional SVG props 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.