Add icons to this collection by clicking the heart icon.
Warning icon - also known as web, page, search, warning, browser, ui, html, url, and seo and web. 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 512 512"
>
<radialGradient
id="d"
cx="391.513"
cy="1675.784"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -111.186 231.635)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb5bc" />
<stop offset=".113" stop-color="#ffbec3" />
<stop offset=".467" stop-color="#ffd4d7" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<radialGradient
id="e"
cx="25.84"
cy="385.214"
r="112.449"
gradientTransform="matrix(1 0 0 .406 0 228.922)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff9aa2" />
<stop offset=".43" stop-color="#ff8188" />
<stop offset="1" stop-color="#ff4555" />
</radialGradient>
<radialGradient
id="f"
cx="10.988"
cy="206.521"
r="190.812"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe3e0" />
<stop offset=".43" stop-color="#ffc5c9" />
<stop offset="1" stop-color="#ff9aa2" />
</radialGradient>
<radialGradient
id="g"
cx="45.8"
cy="66.798"
r="76.221"
gradientTransform="matrix(1 0 0 .649 0 23.482)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6f6ff" />
<stop offset=".376" stop-color="#c0dae9" />
<stop offset=".43" stop-color="#bad6e5" />
<stop offset="1" stop-color="#8abbd5" />
</radialGradient>
<radialGradient
id="h"
cx="401.886"
cy="3362.376"
r="322.888"
gradientTransform="matrix(-1.016 0 0 -.211 817.135 819.251)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3692bc" />
<stop offset=".504" stop-color="#0681af" />
<stop offset=".976" stop-color="#0055a3" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ff6470" />
<stop offset=".504" stop-color="#ff4555" />
<stop offset=".942" stop-color="#eb2a42" />
</linearGradient>
<radialGradient
id="i"
cx="477.206"
cy="323.075"
r="406.152"
gradientTransform="matrix(-1 0 0 -.856 954.412 599.515)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fff044" />
<stop offset=".512" stop-color="#ffea00" />
<stop offset=".686" stop-color="#fbd113" />
<stop offset=".976" stop-color="#f6ab31" />
</linearGradient>
<radialGradient
id="j"
cx="184.319"
cy="88.311"
r="45.723"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="k"
cx="222.719"
cy="88.311"
r="45.723"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7be700" />
<stop offset=".512" stop-color="#72d800" />
<stop offset=".808" stop-color="#26b847" />
<stop offset=".976" stop-color="#00a96a" />
</radialGradient>
<radialGradient
id="l"
cx="145.919"
cy="88.311"
r="45.723"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="m"
cx="200.906"
cy="332.906"
r="82.691"
gradientTransform="matrix(1 0 0 .441 0 186.269)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff6ab" />
<stop offset=".518" stop-color="#fff485" />
<stop offset=".833" stop-color="#ffed26" />
<stop offset=".976" stop-color="#ffea00" />
</radialGradient>
<radialGradient
id="n"
cx="265"
cy="154.741"
r="189.143"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff9e2" />
<stop offset=".514" stop-color="#fffacd" />
<stop offset=".976" stop-color="#fff6ab" />
</radialGradient>
<radialGradient
id="o"
cx="438.647"
cy="277.565"
r="293.822"
gradientTransform="matrix(-.649 .761 -.521 -.444 867.892 67.054)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#0055a3" />
<stop offset=".438" stop-color="#004281" />
<stop offset=".983" stop-color="#00366d" />
</linearGradient>
<radialGradient
id="p"
cx="438.647"
cy="277.565"
r="293.822"
gradientTransform="matrix(-.649 .761 -.562 -.479 879.258 76.741)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="q"
cx="438.647"
cy="277.565"
r="293.822"
gradientTransform="matrix(-.649 .761 -.493 -.42 859.96 60.293)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M256 448c113.107 0 204.798-11.461 204.798-25.6H51.202c0 14.139 91.691 25.6 204.798 25.6z"
/>
<path
fill="url(#e)"
d="M102.4 384 0 397.4c0 13.807 11.193 25 25 25h76.8c-2.367 0 2.147-22.81.6-38.4z"
/>
<path
fill="url(#f)"
d="M89.6 102.4 0 115.2v282.2h95.971c-7.474-75.332-6.371-295-6.371-295z"
/>
<path
fill="url(#g)"
d="M0 115.2V89c0-13.807 11.193-25 25-25h76.8c-13.807 0-25 51.2-25 51.2"
/>
<path
fill="url(#h)"
d="M512 115.2H76.8V89c0-13.807 11.193-25 25-25H487c13.807 0 25 11.193 25 25z"
/>
<path
fill="url(#i)"
d="M487 422.4H101.8c-13.807 0-25-11.193-25-25V115.2H512v282.2c0 13.807-11.193 25-25 25z"
/>
<circle cx="153.6" cy="89.6" r="12.8" fill="url(#j)" />
<circle cx="192" cy="89.6" r="12.8" fill="url(#k)" />
<circle cx="115.2" cy="89.6" r="12.8" fill="url(#l)" />
<path
fill="url(#m)"
d="M204.237 371.2h25.198c-4.115 0-4.309-22.755.965-38.4l-51.181 12.8c-.304 13.274 10.216 25.6 25.018 25.6z"
/>
<path
fill="url(#n)"
d="M326.2 153.6h-25.198c-8.42 0-16.84 4.166-21.652 12.5l-96.764 167.6c-2.221 3.848-3.276 7.916-3.368 11.9h53.062c19.392-57.517 87.301-192 93.92-192z"
/>
<path
fill="url(#o)"
d="m304.548 166.1-96.764 167.6c-9.623 16.667 2.406 37.5 21.651 37.5h193.528c19.245 0 31.273-20.833 21.651-37.5L347.85 166.1c-9.623-16.667-33.679-16.667-43.302 0z"
/>
<path
fill="url(#p)"
d="M326.4 307.2a7.25 7.25 0 0 1-7.194-6.351l-9.625-76.998c-1.265-10.116 6.623-19.052 16.819-19.052 10.195 0 18.083 8.935 16.819 19.052l-9.625 76.998a7.25 7.25 0 0 1-7.194 6.351z"
/>
<circle cx="326.4" cy="332.8" r="12.8" fill="url(#q)" />
</svg>
More icons in the same style and category