Exclamation Triangle Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Exclamation Triangle icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/310701.svg" alt="Exclamation Triangle icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310701.svg" alt="Exclamation Triangle icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310701.svg" alt="Exclamation Triangle icon" :width="24" :height="24" />
CSS background
.icon-exclamation-triangle {
background-image: url('https://proicons.com/icon/310701.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.3666 4.46232L2.7525 17.6551C2.58703 17.9417 2.49995 18.2668 2.5 18.5977C2.50005 18.9287 2.58724 19.2537 2.7528 19.5403C2.91836 19.8268 3.15645 20.0647 3.44313 20.2301C3.7298 20.3954 4.05496 20.4823 4.38589 20.4821H19.6141C19.945 20.4823 20.2702 20.3954 20.5569 20.2301C20.8435 20.0647 21.0816 19.8268 21.2472 19.5403C21.4128 19.2537 21.4999 18.9287 21.5 18.5977C21.5001 18.2668 21.413 17.9417 21.2475 17.6551L13.6334 4.46232C13.4681 4.17524 13.2301 3.93679 12.9434 3.77099C12.6566 3.60518 12.3312 3.51788 12 3.51788C11.6688 3.51788 11.3434 3.60518 11.0566 3.77099C10.7699 3.93679 10.5319 4.17524 10.3666 4.46232Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.9947 7.57839L11.9947 13.8552" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.0433 17.3258L12.0344 17.3258" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Exclamation Triangle in other icon packs
Copied!