Add icons to this collection by clicking the heart icon.
Umbrella icon - also known as cold, weather, protection, protect, rainy, rain, umbrella, protected, umbrellas, and meteorology. Created in a clean flat gradient style with a white, silver, maroon, green, and orange finish, 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="c"
x1="29.395"
x2="33.652"
y1="12.998"
y2="17.226"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#75574e" />
<stop offset=".493" stop-color="#6c4e45" />
<stop offset=".994" stop-color="#5d4037" />
</linearGradient>
<linearGradient
id="d"
x1="29.218"
x2="34.69"
y1="44.608"
y2="40.442"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e2eaed" />
<stop offset=".565" stop-color="#d9e2e5" />
<stop offset=".994" stop-color="#ced8db" />
</linearGradient>
<linearGradient
id="b"
x1="14.339"
x2="58.318"
y1="25.033"
y2="34.064"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb300" />
<stop offset=".364" stop-color="#fa0" />
<stop offset=".968" stop-color="#ff9000" />
<stop offset=".994" stop-color="#ff8f00" />
</linearGradient>
<linearGradient
id="a"
x1="27.016"
x2="17.302"
y1="23.617"
y2="32.783"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#55ad55" />
<stop offset=".407" stop-color="#4ca44d" />
<stop offset=".994" stop-color="#388e3c" />
</linearGradient>
<linearGradient
id="e"
x1="28.045"
x2="32.502"
y1="19.172"
y2="33.744"
href="#a"
/>
<linearGradient
id="f"
x1="28.363"
x2="25.058"
y1="16.443"
y2="32.097"
href="#b"
/>
<linearGradient
id="g"
x1="21.837"
x2="32.434"
y1="51.047"
y2="54.658"
href="#c"
/>
<path
fill="url(#c)"
d="M32 11a3.003 3.003 0 0 0-3 3v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a3.003 3.003 0 0 0-3-3z"
/>
<path
fill="url(#d)"
d="M32 25a3.003 3.003 0 0 0-3 3v27a1 1 0 0 1-2 0v-3a3 3 0 0 0-6 0v3a7 7 0 0 0 14 0V28a3.003 3.003 0 0 0-3-3z"
/>
<path
fill="url(#b)"
d="M42 17H22A19.022 19.022 0 0 0 3 36a1 1 0 0 0 2 0c0-2.168 2.748-4 6-4s6 1.832 6 4a1 1 0 0 0 2 0c0-2.168 2.748-4 6-4s6 1.832 6 4a1 1 0 0 0 2 0c0-2.168 2.748-4 6-4s6 1.832 6 4a1 1 0 0 0 2 0c0-2.168 2.748-4 6-4s6 1.832 6 4a1 1 0 0 0 2 0 19.022 19.022 0 0 0-19-19z"
/>
<path
fill="#ff8f00"
d="M32 30c-10.057 0-18.916-2.649-24.118-6.67A18.901 18.901 0 0 0 3 36a1 1 0 0 0 2 0c0-2.168 2.748-4 6-4s6 1.832 6 4a1 1 0 0 0 2 0c0-2.168 2.748-4 6-4s6 1.832 6 4a1 1 0 0 0 2 0c0-2.168 2.748-4 6-4s6 1.832 6 4a1 1 0 0 0 2 0c0-2.168 2.748-4 6-4s6 1.832 6 4a1 1 0 0 0 2 0 18.901 18.901 0 0 0-4.882-12.67C50.916 27.35 42.058 30 32 30z"
/>
<g fill="#90caf9">
<path
d="M30 9a1 1 0 0 0 1-1V3a1 1 0 0 0-2 0v5a1 1 0 0 0 1 1zM22 9a1 1 0 0 0 1-1V3a1 1 0 0 0-2 0v5a1 1 0 0 0 1 1zM22 15a1 1 0 0 0 1-1v-2a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1zM42 15a1 1 0 0 0 1-1v-2a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1zM38 15a1 1 0 0 0 1-1V9a1 1 0 0 0-2 0v5a1 1 0 0 0 1 1zM34 9a1 1 0 0 0 1-1V3a1 1 0 0 0-2 0v5a1 1 0 0 0 1 1zM42 9a1 1 0 0 0 1-1V3a1 1 0 0 0-2 0v5a1 1 0 0 0 1 1zM38 6a1 1 0 0 0 1-1V3a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1zM50 15a1 1 0 0 0 1-1v-2a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1zM46 15a1 1 0 0 0 1-1V9a1 1 0 0 0-2 0v5a1 1 0 0 0 1 1zM50 9a1 1 0 0 0 1-1V3a1 1 0 0 0-2 0v5a1 1 0 0 0 1 1zM46 6a1 1 0 0 0 1-1V3a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1zM26 15a1 1 0 0 0 1-1V9a1 1 0 0 0-2 0v5a1 1 0 0 0 1 1zM26 6a1 1 0 0 0 1-1V3a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1z"
/>
</g>
<path fill="#ced8db" d="M35 28v11h-6V28a3 3 0 0 1 6 0z" />
<path
fill="url(#a)"
d="M32 17H22A19.022 19.022 0 0 0 3 36a1 1 0 0 0 2 0c0-2.168 2.748-4 6-4s6 1.832 6 4a1 1 0 0 0 2 0c0-2.168 2.748-4 6-4s6 1.832 6 4a1 1 0 0 0 2 0V18a1 1 0 0 0-1-1z"
/>
<path
fill="url(#e)"
d="M34 17h-4a13.015 13.015 0 0 0-13 13v6a1 1 0 0 0 2 0c0-2.168 2.748-4 6-4s6 1.832 6 4a1 1 0 0 0 2 0c0-2.168 2.748-4 6-4s6 1.832 6 4a1 1 0 0 0 2 0v-6a13.015 13.015 0 0 0-13-13z"
/>
<path
fill="#90caf9"
d="M14 9a1 1 0 0 0 1-1V3a1 1 0 0 0-2 0v5a1 1 0 0 0 1 1z"
/>
<path
fill="#388e3c"
d="M32 30a50.812 50.812 0 0 1-14.814-2.105A12.973 12.973 0 0 0 17 30v6a1 1 0 0 0 2 0c0-2.168 2.748-4 6-4s6 1.832 6 4a1 1 0 0 0 2 0c0-2.168 2.748-4 6-4s6 1.832 6 4a1 1 0 0 0 2 0v-6a12.973 12.973 0 0 0-.186-2.105A50.812 50.812 0 0 1 32 30z"
/>
<path
fill="#90caf9"
d="M14 15a1 1 0 0 0 1-1v-2a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1z"
/>
<path
fill="#388e3c"
d="M32 30c-10.057 0-18.916-2.649-24.118-6.67A18.901 18.901 0 0 0 3 36a1 1 0 0 0 2 0c0-2.168 2.748-4 6-4s6 1.832 6 4a1 1 0 0 0 2 0c0-2.168 2.748-4 6-4s6 1.832 6 4a1 1 0 0 0 2 0v-6.013c-.333.006-.665.013-1 .013z"
/>
<path
fill="#90caf9"
d="M18 15a1 1 0 0 0 1-1V9a1 1 0 0 0-2 0v5a1 1 0 0 0 1 1zM18 6a1 1 0 0 0 1-1V3a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1z"
/>
<path
fill="url(#f)"
d="M32 17h-2a13.015 13.015 0 0 0-13 13v6a1 1 0 0 0 2 0c0-2.168 2.748-4 6-4s6 1.832 6 4a1 1 0 0 0 2 0V18a1 1 0 0 0-1-1z"
/>
<path
fill="url(#g)"
d="M34 46h-4a1 1 0 0 0-1 1v8a1 1 0 0 1-2 0v-3a3 3 0 0 0-6 0v3a7 7 0 0 0 14 0v-8a1 1 0 0 0-1-1z"
/>
<path
fill="#ff8f00"
d="M32 30a50.812 50.812 0 0 1-14.814-2.105A12.973 12.973 0 0 0 17 30v6a1 1 0 0 0 2 0c0-2.168 2.748-4 6-4s6 1.832 6 4a1 1 0 0 0 2 0v-6.013c-.333.006-.665.013-1 .013z"
/>
<path
fill="#5d4037"
d="M22.541 59.37A6.994 6.994 0 0 0 35 55v-3.493c-2.505 7.398-8.878 8.102-12.459 7.863z"
/>
<path
fill="#fff"
d="M9.048 26a1 1 0 0 1-.761-1.647 17.896 17.896 0 0 1 9.478-5.85 1 1 0 1 1 .47 1.944 15.913 15.913 0 0 0-8.425 5.2.995.995 0 0 1-.762.353zM6.508 30a1 1 0 0 1-.91-1.412q.244-.54.523-1.06a1 1 0 0 1 1.763.944q-.247.461-.464.94a1.001 1.001 0 0 1-.912.588z"
/>
</svg>
More icons in the same style and category