Safety
Warning icon
Also known as: Warnung, Achtung · warning.svg
A triangle with an exclamation mark — caution and general warning. Works for safety notices, contraindications and alerts.
CautionSafetyContraindicationAlerts
Weight
PNG size
px
Exports use the selected weight and currentColor — they inherit your text color. Free for commercial & educational use, no attribution required.
Use the Warning icon in code
Paste it straight into your project. It uses currentColor, so it inherits your text color, and scales without blurring.
Inline SVG · HTML
<svg width="24" height="24" viewBox="0 0 48 48" fill="none"
stroke="currentColor" stroke-width="2" stroke-linejoin="miter" stroke-linecap="butt">
<path d="M24 8 L42 38 H6 Z"/><line x1="24" y1="19" x2="24" y2="29"/><circle cx="24" cy="33.5" r="1.4" fill="currentColor" stroke="none"/>
</svg>React component · JSX
export function IconWarning(props) {
return (
<svg width="24" height="24" viewBox="0 0 48 48" fill="none"
stroke="currentColor" strokeWidth={2} strokeLinejoin="miter" strokeLinecap="butt" {...props}>
<path d="M24 8 L42 38 H6 Z"/><line x1="24" y1="19" x2="24" y2="29"/><circle cx="24" cy="33.5" r="1.4" fill="currentColor" stroke="none"/>
</svg>
);
}