Add icons to this collection by clicking the heart icon.
Warning icon - also known as signs, warning, signaling, error, notice, and attention. Created in a clean 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-44.913"
x2="10.834"
y1="615.969"
y2="615.969"
gradientTransform="matrix(10.6667 0 0 -10.6667 473.667 6826.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".359" stop-color="#ed683c" />
<stop offset=".702" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M256 0C114.615 0 0 114.615 0 256s114.615 256 256 256 256-114.615 256-256C511.835 114.683 397.317.165 256 0zm0 490.667C126.397 490.667 21.333 385.603 21.333 256S126.397 21.333 256 21.333 490.667 126.397 490.667 256C490.52 385.542 385.542 490.52 256 490.667z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-44.913"
x2="10.834"
y1="618.949"
y2="618.949"
gradientTransform="matrix(10.6667 0 0 -10.6667 473.667 6826.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".359" stop-color="#ed683c" />
<stop offset=".702" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M265.397 80.277c-3.278-5.19-10.142-6.74-15.332-3.462a11.107 11.107 0 0 0-3.462 3.462L97.269 357.611c-2.792 5.187-.851 11.656 4.336 14.448a10.668 10.668 0 0 0 5.061 1.274h298.667c5.891.003 10.669-4.771 10.672-10.662a10.665 10.665 0 0 0-1.274-5.061L265.397 80.277zM124.523 352 256 107.829 387.477 352H124.523z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-44.913"
x2="10.834"
y1="617.969"
y2="617.969"
gradientTransform="matrix(10.6667 0 0 -10.6667 473.667 6826.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".359" stop-color="#ed683c" />
<stop offset=".702" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M245.333 181.333h21.333V288h-21.333V181.333z" fill="url(#c)" />
<linearGradient
id="d"
x1="-44.913"
x2="10.834"
y1="609.969"
y2="609.969"
gradientTransform="matrix(10.6667 0 0 -10.6667 473.667 6826.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".359" stop-color="#ed683c" />
<stop offset=".702" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M245.333 309.333h21.333v21.333h-21.333v-21.333z" fill="url(#d)" />
</svg>
More icons in the same style and category