Add icons to this collection by clicking the heart icon.
Umbrella icon - also known as snow, weather, protection, rainy, rain, umbrella, Tools and utensils, and umbrellas. Created in a clean lineal color style with a white, black, teal, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c.709.39 1.423.77 2.138 1.15C103.572.002 185.449-102.185 185.449-203.891v-37.858c0 24.599-19.942 44.54-44.54 44.54-24.599 0-44.54-19.941-44.54-44.54"
transform="translate(297.86 500.336)"
fill="#00dba8"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-.709.39-1.423.77-2.138 1.15C-103.572.002-185.449-102.185-185.449-203.891v-37.858c0 24.599 19.942 44.54 44.54 44.54 24.599 0 44.54-19.941 44.54-44.54"
transform="translate(297.86 500.336)"
fill="#00b48f"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-57.432-31.515-96.369-83.416-96.369-153.55v-88.199c0 24.599 19.941 44.54 44.54 44.54h7.289c24.599 0 44.54-19.941 44.54-44.54"
transform="translate(297.86 500.336)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-140.999c0 24.599 19.941 44.54 44.54 44.54h7.289c24.599 0 44.54-19.941 44.54-44.54V-52.8C96.369 17.334 57.432 69.235 0 100.75"
transform="translate(297.86 399.586)"
fill="#00b48f"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0Z"
transform="translate(297.86 437.919)"
fill="#d1e7f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0"
transform="translate(297.86 437.919)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-121.701"
transform="translate(297.86 279.157)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-91.17c0-9.701-7.893-17.595-17.594-17.595s-17.594 7.894-17.594 17.595v17.64c0 9.262-7.508 16.77-16.77 16.77s-16.771-7.508-16.771-16.77v-17.64c0-28.196 22.939-51.135 51.135-51.135 28.196 0 51.134 22.939 51.134 51.135V0Z"
transform="translate(281.09 152.305)"
fill="#ff6b6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-91.17c0-9.701-7.893-17.595-17.594-17.595s-17.594 7.894-17.594 17.595v17.64c0 9.262-7.508 16.77-16.77 16.77s-16.771-7.508-16.771-16.77v-17.64c0-28.196 22.939-51.135 51.135-51.135 28.196 0 51.134 22.939 51.134 51.135V0Z"
transform="translate(281.09 152.305)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h62.292"
transform="translate(266.715 152.305)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-101.276"
transform="translate(439.507 224.683)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-19.519-19.521L-39.039 0"
transform="translate(459.026 210.86)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 19.52 19.521L39.039 0"
transform="translate(419.987 137.228)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-101.27"
transform="translate(490.142 174.044)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-19.52 19.521L0 39.041"
transform="translate(476.32 154.523)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 19.52-19.521L0-39.041"
transform="translate(402.694 193.565)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-101.276"
transform="translate(72.493 502)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-19.52-19.521L-39.04 0"
transform="translate(92.013 488.178)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 19.52 19.521L39.04 0"
transform="translate(52.973 414.546)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-101.27"
transform="translate(123.128 451.362)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-19.52 19.521L0 39.042"
transform="translate(109.306 431.84)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 19.52-19.521L0-39.042"
transform="translate(35.68 470.883)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-12.418-10.066-22.484-22.484-22.484-12.418 0-22.484 10.066-22.484 22.484 0 12.417 10.066 22.483 22.484 22.483C-10.066 22.483 0 12.417 0 0"
transform="translate(181.25 196.863)"
fill="#b8ecff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.418-10.066-22.484-22.484-22.484-12.418 0-22.484 10.066-22.484 22.484 0 12.417 10.066 22.483 22.484 22.483C-10.066 22.483 0 12.417 0 0Z"
transform="translate(181.25 196.863)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-12.418-10.066-22.484-22.484-22.484-12.418 0-22.484 10.066-22.484 22.484 0 12.417 10.066 22.483 22.484 22.483C-10.066 22.483 0 12.417 0 0"
transform="translate(413.07 51.834)"
fill="#b8ecff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.418-10.066-22.484-22.484-22.484-12.418 0-22.484 10.066-22.484 22.484 0 12.417 10.066 22.483 22.484 22.483C-10.066 22.483 0 12.417 0 0Z"
transform="translate(413.07 51.834)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category