Add icons to this collection by clicking the heart icon.
Caution Triangle icon - also known as exclamation, mark, triangle, security, risk, danger, caution, and caution triangle. Created in a clean gradient style with a white, red, and pink finish, 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="100"
height="100"
viewBox="0 0 512 512"
>
<circle cx="256" cy="256" r="256" fill="#ffed97" />
<linearGradient
id="a"
x1="437.019"
x2="74.981"
y1="76.981"
y2="439.019"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd400" />
<stop offset="1" stop-color="#fff5cb" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="229.996"
x2="444.665"
y1="291.361"
y2="291.361"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c2001b" />
<stop offset="1" stop-color="#72000b" />
</linearGradient>
<path
d="M418.686 387.343c-8.924 0-17.612-4.598-22.453-12.853L233.571 97.092c-7.263-12.387-3.109-28.317 9.277-35.58 12.386-7.264 28.315-3.111 35.58 9.276L441.09 348.186c7.263 12.387 3.109 28.317-9.277 35.58a25.869 25.869 0 0 1-13.127 3.577z"
fill="url(#b)"
/>
<path
d="M93.313 387.343a25.87 25.87 0 0 1-13.127-3.576c-12.387-7.263-16.54-23.193-9.277-35.58L233.571 70.789c7.264-12.387 23.195-16.541 35.58-9.276 12.387 7.263 16.54 23.193 9.277 35.58L115.767 374.49c-4.84 8.254-13.531 12.853-22.454 12.853z"
fill="#ff3d62"
/>
<circle cx="256" cy="87.75" r="13" fill="#fff" />
<linearGradient
id="c"
x1="67.334"
x2="444.662"
y1="152.661"
y2="152.661"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2f57" />
<stop offset="1" stop-color="#9a0011" />
</linearGradient>
<path
d="M418.662 387.339H93.334c-14.359 0-26-11.641-26-26s11.641-26 26-26h325.328c14.359 0 26 11.641 26 26s-11.64 26-26 26z"
fill="url(#c)"
/>
<circle cx="93.67" cy="361.34" r="13" fill="#fff" />
<circle cx="418.33" cy="361.34" r="13" fill="#00efd1" />
</svg>
More icons in the same style and category