Add icons to this collection by clicking the heart icon.
Caution Triangle icon - also known as danger, warning, signaling, exclamation mark, alert, ui, limitation, caution triangle, and caution sign. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 32 32"
>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -4.792 21.135) scale(20.073)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2196f3" />
<stop offset="1" stop-color="#005faa" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 20 -20 0 19.744 24.5)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e9fa" />
<stop offset="1" stop-color="#556ef8" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#455a63" />
<stop offset="1" stop-color="#18313c" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -.352 16.763) scale(18.385)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 18 -18 0 16 22.5)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M12.251 3.567 1.693 24.683a4.192 4.192 0 0 0 3.749 6.067h21.116a4.192 4.192 0 0 0 3.749-6.067L19.749 3.567a4.191 4.191 0 0 0-7.498 0z"
/>
<path
fill="url(#c)"
d="M14.889 4.887 4.331 26.003A1.24 1.24 0 0 0 5.442 27.8h21.116a1.242 1.242 0 0 0 1.111-1.797L17.111 4.887a1.243 1.243 0 0 0-2.222 0z"
/>
<path
fill="url(#d)"
d="M14.034 12.873v5.538a1.967 1.967 0 0 0 3.932 0v-5.538a1.967 1.967 0 0 0-3.932 0z"
/>
<circle cx="16" cy="22.877" r="1.973" fill="url(#e)" />
</g>
</svg>
More icons in the same style and category