Add icons to this collection by clicking the heart icon.
Umbrella icon - also known as weather, protection, rainy, rain, and 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 512 512"
>
<linearGradient
id="a"
x1="-11.63"
x2="354.23"
y1="68.58"
y2="570.34"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff0a6c" />
<stop offset="1" stop-color="#4a3cdb" />
</linearGradient>
<linearGradient
id="b"
x1="61.62"
x2="427.48"
y1="15.17"
y2="516.93"
href="#a"
/>
<linearGradient
id="c"
x1="23.54"
x2="389.39"
y1="42.95"
y2="544.7"
href="#a"
/>
<linearGradient
id="d"
x1="94.89"
x2="460.74"
y1="-9.08"
y2="492.68"
href="#a"
/>
<linearGradient
id="e"
x1="137.64"
x2="503.49"
y1="-40.25"
y2="461.51"
href="#a"
/>
<linearGradient
id="f"
x1="193.35"
x2="559.2"
y1="-80.87"
y2="420.89"
href="#a"
/>
<linearGradient
id="g"
x1="182.99"
x2="548.84"
y1="-73.32"
y2="428.44"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M262 250.85a6 6 0 0 0-12 0v185.81a54.14 54.14 0 0 1-108.28-.8v-8.93a6 6 0 0 0-12 0v8.93a66.14 66.14 0 0 0 132.2 3.41 6.37 6.37 0 0 0 .08-1v-11.62z"
/>
<path
fill="url(#b)"
d="M139.89 261.83a19.79 19.79 0 0 0 19.76-18.78c2.81-55.33 14.5-106.29 32.9-143.5 17.85-36.08 40.38-55.95 63.43-56a6 6 0 1 0 0-12 191.4 191.4 0 0 0-84.92 19.85 213 213 0 0 0-68.45 53.76 6 6 0 1 0 9.14 7.78c28.51-33.5 64.39-55.73 103.69-64.79-12.38 10.6-23.78 26.11-33.64 46-19.12 38.64-31.24 91.28-34.13 148.21a7.79 7.79 0 0 1-11 6.67c-12.71-5.84-24.54-8.8-35.16-8.8-10 0-21.06 2.63-32.91 7.81a7.81 7.81 0 0 1-7.85-.89 7.56 7.56 0 0 1-3.08-7.08A243.87 243.87 0 0 1 81 160a6 6 0 0 0-10.76-5.3 255.9 255.9 0 0 0-24.52 84.13 19.5 19.5 0 0 0 7.86 18.1 19.7 19.7 0 0 0 19.79 2.24c10.33-4.52 19.79-6.81 28.11-6.81 8.88 0 19 2.6 30.15 7.71a19.84 19.84 0 0 0 8.26 1.76z"
/>
<path
fill="url(#c)"
d="M83.22 143a5.91 5.91 0 0 0 3.12.88 6 6 0 0 0 5.13-2.88c1.86-3.05 3.82-6.08 5.82-9a6 6 0 0 0-9.9-6.78c-2.12 3.1-4.19 6.31-6.16 9.53a6 6 0 0 0 1.99 8.25z"
/>
<path
fill="url(#d)"
d="M256 31.59c-27.69 0-53.91 22-73.84 61.94-19.07 38.2-31.28 90.33-34.37 146.79a19.77 19.77 0 0 0 27.77 19.15c10.66-4.75 20.39-7.16 28.94-7.16s18.61 2.49 29.47 7.4a19.87 19.87 0 0 0 19-1.4 19.69 19.69 0 0 0 9-16.6V37.59a6 6 0 0 0-6-6zm-6 210.12a7.64 7.64 0 0 1-3.54 6.52 7.76 7.76 0 0 1-7.55.54c-12.43-5.61-24-8.46-34.41-8.46-10.24 0-21.62 2.76-33.82 8.2a7.78 7.78 0 0 1-10.92-7.51c3-54.87 14.77-105.33 33.12-142.09C209.12 66.36 229.2 47.16 250 44z"
/>
<path
fill="url(#e)"
d="M329.84 93.52C309.9 53.59 283.68 31.59 256 31.59a6 6 0 0 0-6 6v204.13a19.8 19.8 0 0 0 28 18c10.87-4.91 20.79-7.4 29.49-7.4 8.54 0 18.28 2.41 28.94 7.16a19.78 19.78 0 0 0 27.78-19.15c-3.09-56.47-15.3-108.6-34.37-146.81zm19 154.28a7.58 7.58 0 0 1-7.55.71c-12.2-5.44-23.58-8.2-33.82-8.2-10.41 0-22 2.85-34.43 8.47a7.78 7.78 0 0 1-7.55-.55 7.62 7.62 0 0 1-3.54-6.51V44c20.79 3.11 40.87 22.31 57.11 54.84 18.36 36.77 30.13 87.24 33.14 142.1a7.61 7.61 0 0 1-3.32 6.86z"
/>
<path
fill="url(#f)"
d="M396.8 91.57C358 52.9 308 31.59 256 31.59a6 6 0 1 0 0 12c23.05 0 45.57 19.87 63.43 55.94 18.42 37.22 30.11 88.19 32.92 143.53a19.79 19.79 0 0 0 28 16.95c11.12-5.11 21.27-7.7 30.15-7.7 8.32 0 17.78 2.29 28.12 6.81a19.8 19.8 0 0 0 27.64-20.34C459.79 182 435.11 129.76 396.8 91.57zm54.49 155.67a7.82 7.82 0 0 1-7.84.88c-11.86-5.18-22.94-7.81-32.92-7.81-10.62 0-22.45 3-35.16 8.8a7.79 7.79 0 0 1-11-6.66c-2.9-56.94-15-109.58-34.16-148.24-9.85-19.84-21.21-35.3-33.51-45.89 81.82 19.24 146.61 95.31 157.67 191.82a7.6 7.6 0 0 1-3.08 7.1z"
/>
<path
fill="url(#g)"
d="M256 10a6 6 0 0 0-6 6v21.59a6 6 0 1 0 12 0V16a6 6 0 0 0-6-6z"
/>
</g>
</svg>
More icons in the same style and category