Add icons to this collection by clicking the heart icon.
Flood icon - also known as home, weather, house, building, flood, water damage, floods, and water level. Created in a clean flat 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 48 48"
>
<linearGradient
id="b"
x1="24"
x2="24"
y1="6.5"
y2="41.173"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#14a5ff" />
<stop offset="1" stop-color="#037cff" />
</linearGradient>
<linearGradient
id="c"
x1="24"
x2="24"
y1="25.75"
y2="43.087"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#037cff" stop-opacity="0" />
<stop offset="1" stop-color="#0063cc" />
</linearGradient>
<linearGradient
id="a"
x1="24"
x2="24"
y1="5.438"
y2="11.781"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3f4c56" />
<stop offset="1" stop-color="#27333e" />
</linearGradient>
<linearGradient id="d" x1="24" x2="24" y1="15.313" y2="22.251" href="#a" />
<linearGradient id="e" x1="24" x2="24" y1="25.375" y2="31.795" href="#a" />
<linearGradient id="f" x1="24" x2="24" y1="35.833" y2="41.896" href="#a" />
<path
fill="url(#b)"
d="M2 37c5.5 0 5.5 4 11 4s5.5-4 11-4 5.5 4 11 4 5.5-4 11-4V7c-5.5 0-5.5 4-11 4s-5.5-4-11-4-5.5 4-11 4S7.5 7 2 7v30c5.5 0 5.5 4 11 4s5.5-4 11-4 5.5 4 11 4 5.5-4 11-4"
/>
<path
fill="url(#c)"
d="M2 24v13c5.5 0 5.5 4 11 4s5.5-4 11-4 5.5 4 11 4 5.5-4 11-4V24z"
/>
<path
fill="url(#a)"
d="M35 12a9.243 9.243 0 0 1-6.089-2.191 7.573 7.573 0 0 0-9.823 0A9.233 9.233 0 0 1 13 12a9.238 9.238 0 0 1-6.089-2.191A7.27 7.27 0 0 0 2 8a1 1 0 0 1 0-2 9.238 9.238 0 0 1 6.088 2.191A7.27 7.27 0 0 0 13 10a7.264 7.264 0 0 0 4.909-1.809 9.551 9.551 0 0 1 12.175 0 7.579 7.579 0 0 0 9.827 0A9.243 9.243 0 0 1 46 6a1 1 0 0 1 0 2 7.276 7.276 0 0 0-4.914 1.809A9.243 9.243 0 0 1 35 12z"
/>
<path
fill="url(#d)"
d="M35 22a9.243 9.243 0 0 1-6.089-2.191 7.573 7.573 0 0 0-9.823 0A9.233 9.233 0 0 1 13 22a9.238 9.238 0 0 1-6.088-2.191A7.27 7.27 0 0 0 2 18a1 1 0 0 1 0-2 9.238 9.238 0 0 1 6.088 2.191A7.27 7.27 0 0 0 13 20a7.264 7.264 0 0 0 4.909-1.809 9.551 9.551 0 0 1 12.175 0 7.579 7.579 0 0 0 9.827 0A9.243 9.243 0 0 1 46 16a1 1 0 0 1 0 2 7.276 7.276 0 0 0-4.914 1.809A9.243 9.243 0 0 1 35 22z"
/>
<path
fill="url(#e)"
d="M35 32a9.243 9.243 0 0 1-6.089-2.191 7.573 7.573 0 0 0-9.823 0A9.233 9.233 0 0 1 13 32a9.238 9.238 0 0 1-6.088-2.191A7.27 7.27 0 0 0 2 28a1 1 0 0 1 0-2 9.238 9.238 0 0 1 6.088 2.191A7.27 7.27 0 0 0 13 30a7.264 7.264 0 0 0 4.909-1.809 9.551 9.551 0 0 1 12.175 0 7.579 7.579 0 0 0 9.827 0A9.243 9.243 0 0 1 46 26a1 1 0 0 1 0 2 7.276 7.276 0 0 0-4.914 1.809A9.243 9.243 0 0 1 35 32z"
/>
<path
fill="url(#f)"
d="M35 42a9.243 9.243 0 0 1-6.089-2.191 7.573 7.573 0 0 0-9.823 0A9.233 9.233 0 0 1 13 42a9.238 9.238 0 0 1-6.088-2.191A7.27 7.27 0 0 0 2 38a1 1 0 0 1 0-2 9.238 9.238 0 0 1 6.088 2.191A7.27 7.27 0 0 0 13 40a7.264 7.264 0 0 0 4.909-1.809 9.551 9.551 0 0 1 12.175 0 7.579 7.579 0 0 0 9.827 0A9.243 9.243 0 0 1 46 36a1 1 0 0 1 0 2 7.276 7.276 0 0 0-4.914 1.809A9.243 9.243 0 0 1 35 42z"
/>
</svg>
More icons in the same style and category