Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 37x 37x 37x 37x 37x 37x 37x 37x 37x 37x 37x 37x 37x 37x 37x 37x 37x 37x 37x 37x 37x 37x 37x 37x | /**
* AlertTriangleIcon - Warning/alert triangle icon
* Commonly used for warnings, errors, alerts, and danger states
*
* @example
* ```tsx
* <AlertTriangleIcon /> // Default 24x24
* <AlertTriangleIcon width={20} height={20} />
* <AlertTriangleIcon className="text-red-500" />
* ```
*/
export default function AlertTriangleIcon({
width = 24,
height = 24,
className = '',
...props
}: React.SVGProps<SVGSVGElement>) {
return (
<svg
{...props}
className={className}
width={width}
height={height}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
stroke="currentColor"
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
>
<path d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
</svg>
);
}
|