Add icons to this collection by clicking the heart icon.
Warning icon - also known as dangerous, danger, warning, important, issue, alert, error, ui, warning sign, 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="512"
height="512"
viewBox="0 0 24 24"
>
<g>
<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="23.4304"
y1="0.5695"
x2="0.2869"
y2="23.713"
>
<stop offset="0" stop-color="#F8CDDA" />
<stop offset="1" stop-color="#1D2B64" />
</linearGradient>
<path
fill="url(#SVGID_1_)"
d="M12,22C6.5,22,2,17.5,2,12S6.5,2,12,2c5.5,0,10,4.5,10,10S17.5,22,12,22z M12,3c-5,0-9,4-9,9 s4,9,9,9c5,0,9-4,9-9S17,3,12,3z"
/>
<linearGradient
id="SVGID_2_"
gradientUnits="userSpaceOnUse"
x1="23.4318"
y1="0.5709"
x2="0.2883"
y2="23.7144"
>
<stop offset="0" stop-color="#F8CDDA" />
<stop offset="1" stop-color="#1D2B64" />
</linearGradient>
<path
fill="url(#SVGID_2_)"
d="M12,20c-3.8,0-7.1-2.7-7.8-6.4c-0.1-0.3,0.1-0.5,0.4-0.6c0.3-0.1,0.5,0.1,0.6,0.4 C5.8,16.6,8.7,19,12,19c3.9,0,7-3.1,7-7s-3.1-7-7-7c-3.3,0-6.2,2.4-6.9,5.6C5.1,10.9,4.8,11,4.5,11c-0.3-0.1-0.4-0.3-0.4-0.6 C4.9,6.7,8.2,4,12,4c4.4,0,8,3.6,8,8S16.4,20,12,20z"
/>
<linearGradient
id="SVGID_3_"
gradientUnits="userSpaceOnUse"
x1="19.6805"
y1="-3.1805"
x2="-3.463"
y2="19.963"
>
<stop offset="0" stop-color="#F8CDDA" />
<stop offset="1" stop-color="#1D2B64" />
</linearGradient>
<circle fill="url(#SVGID_3_)" cx="4.5" cy="12" r="0.5" />
<g>
<linearGradient
id="SVGID_4_"
gradientUnits="userSpaceOnUse"
x1="25.6805"
y1="2.8195"
x2="2.537"
y2="25.963"
>
<stop offset="0" stop-color="#F8CDDA" />
<stop offset="1" stop-color="#1D2B64" />
</linearGradient>
<path
fill="url(#SVGID_4_)"
d="M12,18c-0.8,0-1.5-0.7-1.5-1.5S11.2,15,12,15s1.5,0.7,1.5,1.5S12.8,18,12,18z M12,16 c-0.3,0-0.5,0.2-0.5,0.5S11.7,17,12,17s0.5-0.2,0.5-0.5S12.3,16,12,16z"
/>
</g>
<g>
<linearGradient
id="SVGID_5_"
gradientUnits="userSpaceOnUse"
x1="22.4305"
y1="-0.4305"
x2="-0.713"
y2="22.713"
>
<stop offset="0" stop-color="#F8CDDA" />
<stop offset="1" stop-color="#1D2B64" />
</linearGradient>
<path
fill="url(#SVGID_5_)"
d="M13,14h-2c-0.3,0-0.5-0.2-0.5-0.5v-7C10.5,6.2,10.7,6,11,6h2c0.3,0,0.5,0.2,0.5,0.5v7 C13.5,13.8,13.3,14,13,14z M11.5,13h1V7h-1V13z"
/>
</g>
</g>
</svg>
More icons in the same style and category