Add icons to this collection by clicking the heart icon.
Flood icon - also known as nature, flood, disaster, Natural disaster, and inundation. 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="b"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd567" />
<stop offset="1" stop-color="#ffa725" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#75c231" />
<stop offset="1" stop-color="#317645" />
</linearGradient>
<linearGradient
id="c"
x1="289.297"
x2="368.803"
y1="198.423"
y2="277.929"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="135.043"
x2="230.729"
y1="190.333"
y2="286.019"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="186.931"
x2="325.005"
y1="183.653"
y2="321.727"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#205c4a" />
<stop offset="1" stop-color="#0e424f" />
</linearGradient>
<linearGradient
id="f"
x1="226.968"
x2="284.968"
y1="145.579"
y2="203.579"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#97e4fd" />
</linearGradient>
<linearGradient
id="g"
x1="174.308"
x2="337.477"
y1="196.2"
y2="359.368"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bcf7fc" />
<stop offset="1" stop-color="#71d1fe" />
</linearGradient>
<linearGradient
id="h"
x1="174.308"
x2="337.477"
y1="246.389"
y2="409.557"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#71d1fe" />
<stop offset="1" stop-color="#2196dc" />
</linearGradient>
<linearGradient
id="i"
x1="176.622"
x2="335.163"
y1="294.264"
y2="452.804"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#186c95" />
<stop offset="1" stop-color="#093f61" />
</linearGradient>
<path
fill="url(#b)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="url(#c)"
d="m337.14 151.977-56.902 55.503v77.57l113.805-32.359v-45.21zm0 0"
/>
<path
fill="url(#d)"
d="m174.797 151.977-56.902 55.503v45.211l113.8 32.36v-77.57zm0 0"
/>
<path
fill="url(#e)"
d="m255.969 290.328 138.074-37.637-80.074-78.113-58-7.863v-2.922l-9.098 1.691-12.476-1.691v4.012l-36.426 6.773-80.074 78.113 116.5 36.72v6.8l11.566-3.152 10.008 3.152zm0 0"
/>
<path
fill="url(#f)"
d="m255.969 118-58 56.578 29 28.29 29-28.29 29 28.29 29-28.29zm0 0"
/>
<path
fill="url(#g)"
d="M393.965 252.691H117.816v50.188l107.942 18.062-2.227 5.043 17.88-2.425 14.48 2.425v-4.386l138.074-18.72zm0 0"
/>
<path
fill="url(#h)"
d="M393.965 302.879a45.614 45.614 0 0 1-27.613-9.258c-7.68 5.809-17.247 9.258-27.618 9.258s-19.933-3.45-27.613-9.258a45.614 45.614 0 0 1-27.613 9.258 45.626 45.626 0 0 1-27.617-9.258c-7.68 5.809-17.243 9.258-27.614 9.258s-19.933-3.45-27.617-9.258c-7.68 5.809-17.242 9.258-27.613 9.258s-19.934-3.45-27.617-9.258a45.614 45.614 0 0 1-27.614 9.258v50.187L225.52 371.09l-1.993 5.082 17.88-2.422 14.484 2.422v-4.387l138.074-18.719zm0 0"
/>
<path
fill="url(#i)"
d="M366.352 343.813a45.636 45.636 0 0 1-27.614 9.253 45.656 45.656 0 0 1-27.617-9.253 45.636 45.636 0 0 1-27.613 9.253 45.656 45.656 0 0 1-27.617-9.253c-7.68 5.804-17.243 9.253-27.614 9.253s-19.933-3.449-27.617-9.253c-7.68 5.804-17.242 9.253-27.613 9.253s-19.934-3.449-27.613-9.253a45.648 45.648 0 0 1-27.618 9.253V394h276.149v-40.934a45.636 45.636 0 0 1-27.613-9.253zm0 0"
/>
</svg>
More icons in the same style and category