Add icons to this collection by clicking the heart icon.
Umbrella icon - also known as weather, tool, rain, umbrella, meteorology, and open umbrella. 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="37.736"
x2="37.736"
y1="64.783"
y2="-.782"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="49.204"
x2="49.204"
y1="64.783"
y2="-.782"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="32"
x2="32"
y1="64.783"
y2="-.782"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="14.796"
x2="14.796"
y1="64.783"
y2="-.782"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="37.734"
x2="37.734"
y1="64.783"
y2="-.782"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="37.875"
x2="37.875"
y1="64.783"
y2="-.782"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="11.88"
x2="11.88"
y1="64.783"
y2="-.782"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="26.265"
x2="26.265"
y1="64.783"
y2="-.782"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="28"
x2="28"
y1="64.783"
y2="-.782"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="17.535"
x2="17.535"
y1="64.783"
y2="-.782"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="26.264"
x2="26.264"
y1="64.783"
y2="-.782"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="24"
x2="24"
y1="64.783"
y2="-.782"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M32.582 9.187a1 1 0 1 0-1.164 1.626 26.467 26.467 0 0 1 11.051 21.923 1.001 1.001 0 0 0 .984 1.016h.016c.545 0 .991-.438 1-.984A28.469 28.469 0 0 0 32.582 9.187z"
/>
<path
fill="url(#c)"
d="M55.423 31.877a12.752 12.752 0 0 0-12.439 0 1 1 0 1 0 .969 1.749 10.76 10.76 0 0 1 10.5 0 .998.998 0 1 0 .97-1.749z"
/>
<path
fill="url(#d)"
d="M32 7a1 1 0 0 0-1 1v44a1 1 0 0 0 2 0V8a1 1 0 0 0-1-1z"
/>
<path
fill="url(#e)"
d="M21.016 31.877a12.746 12.746 0 0 0-12.439 0 1 1 0 1 0 .969 1.749 10.76 10.76 0 0 1 10.5 0 .998.998 0 0 0 1.359-.39.997.997 0 0 0-.389-1.359z"
/>
<path
fill="url(#f)"
d="M43.954 31.877a12.747 12.747 0 0 0-12.438 0 1 1 0 1 0 .969 1.749 10.761 10.761 0 0 1 10.499 0 .998.998 0 1 0 .97-1.749z"
/>
<path
fill="url(#g)"
d="M44.166 12.412c-7.31-4.386-16.221-4.495-23.837-.293a.999.999 0 1 0 .965 1.751c6.987-3.854 15.151-3.757 21.842.257 6.303 3.782 10.438 10.837 10.791 18.419l.012.251a.995.995 0 0 0 .998.949l.047-.001c.552-.025.979-.499.953-1.05l-.012-.247c-.384-8.237-4.89-15.914-11.759-20.036z"
/>
<path
fill="url(#h)"
d="M13.935 17.449a25.095 25.095 0 0 0-5.872 15.269 1 1 0 0 0 .966 1.033h.034a1 1 0 0 0 .999-.966 23.084 23.084 0 0 1 5.402-14.047 1 1 0 0 0-1.529-1.289z"
/>
<path
fill="url(#i)"
d="M31.515 33.626a.998.998 0 1 0 .969-1.749 12.747 12.747 0 0 0-12.438 0 1 1 0 1 0 .969 1.749 10.763 10.763 0 0 1 10.5 0z"
/>
<path
fill="url(#j)"
d="M32 51a1 1 0 0 0-1 1c0 1.626-1.374 3-3 3s-3-1.374-3-3a1 1 0 0 0-2 0c0 2.71 2.29 5 5 5s5-2.29 5-5a1 1 0 0 0-1-1z"
/>
<path
fill="url(#k)"
d="M16.83 14.57c-.19.19-.3.45-.3.71s.11.52.3.71c.18.18.44.29.7.29.27 0 .53-.11.71-.29.19-.19.3-.45.3-.71s-.11-.52-.3-.71c-.36-.37-1.04-.37-1.41 0z"
/>
<path
fill="url(#l)"
d="M31.418 9.187a28.469 28.469 0 0 0-11.887 23.58 1 1 0 0 0 1 .984h.016a1 1 0 0 0 .984-1.016 26.467 26.467 0 0 1 11.051-21.923 1 1 0 1 0-1.164-1.625z"
/>
<path
fill="url(#m)"
d="M24 48a1 1 0 0 0-1 1v3a1 1 0 0 0 2 0v-3a1 1 0 0 0-1-1z"
/>
</svg>
More icons in the same style and category