<!-- source-hash: a669fbe903f80d9a83901c2f7f28b2ce -->
A React component that renders an alert/warning triangle icon as an SVG, commonly used for error states, warnings, and notifications.

## Key Components

- **`AlertTriangleIconProps`** - TypeScript interface extending React's SVGProps for type safety
- **`AlertTriangleIcon`** - Main component function that renders a warning triangle SVG with customizable styling

## Usage Example

```typescript
import { AlertTriangleIcon } from './alert-triangle-icon'

// Basic usage with defaults (white color, h-6 w-6 size)
<AlertTriangleIcon />

// Custom styling
<AlertTriangleIcon 
  className="h-8 w-8" 
  color="red" 
/>

// With additional SVG props
<AlertTriangleIcon 
  className="h-4 w-4"
  color="#ff6b6b"
  onClick={() => console.log('Warning clicked')}
  role="img"
  aria-label="Warning"
/>

// In an alert message
<div className="flex items-center gap-2">
  <AlertTriangleIcon className="h-5 w-5" color="orange" />
  <span>Please check your input</span>
</div>
```

The component features a 24x24 viewBox with stroke-based paths showing a triangle outline with an exclamation mark inside. It accepts all standard SVG props through prop spreading, making it highly flexible for different use cases while maintaining consistent visual styling.