Add icons to this collection by clicking the heart icon.
Umbrella icon - also known as weather, protection, rainy, rain, umbrella, and umbrellas. Created in a clean lineal color style with a silver, black, 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 0c0 121.503 62.68 220 140 220C18.497 220-80 121.503-80 0Z"
transform="translate(116 262.001)"
fill="#88df8e"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-77.32 0-140-98.497-140-220h90C-50-98.497-27.614 0 0 0"
transform="translate(256 482.001)"
fill="#ffc144"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-27.614 0-50-98.497-50-220H50C50-98.497 27.614 0 0 0"
transform="translate(256 482.001)"
fill="#88df8e"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c27.614 0 50-98.497 50-220h90C140-98.497 77.32 0 0 0"
transform="translate(256 482.001)"
fill="#ffc144"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c77.32 0 140-98.497 140-220h80C220-98.497 121.503 0 0 0"
transform="translate(256 482.001)"
fill="#88df8e"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0 11.046-8.954 20-20 20s-20-8.954-20-20v-55.714c0-2.729-1.131-5.225-2.953-7.047-1.822-1.822-4.318-2.953-7.047-2.953s-5.225 1.131-7.047 2.953C-58.869-60.939-60-58.443-60-55.714v6.948c0 11.046-8.954 20.001-20 20.001s-20-8.955-20-20.001v-6.948c0-13.771 5.619-26.276 14.671-35.328 9.054-9.053 21.558-14.672 35.329-14.672 13.77 0 26.275 5.619 35.328 14.672C-5.62-81.989 0-69.484 0-55.714Z"
transform="translate(276 115.714)"
fill="#ff5a58"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c34.607 22.692 75.99 35.901 120.464 35.901 121.503 0 220-98.497 220-220h-440c0 44.472 13.205 85.856 35.897 120.458"
transform="translate(135.536 446.1)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 11.046 8.954 20 20 20s20-8.954 20-20v-55.714c0-13.77-5.62-26.275-14.672-35.328C16.275-100.095 3.77-105.714-10-105.714c-13.771 0-26.275 5.619-35.329 14.672C-54.381-81.99-60-69.485-60-55.714v6.948c0 11.046 8.954 20.001 20 20.001s20-8.955 20-20.001v-6.948c0-2.729 1.131-5.225 2.953-7.047 1.822-1.822 4.318-2.953 7.047-2.953s5.225 1.131 7.047 2.953C-1.131-60.939 0-58.443 0-55.714z"
transform="translate(236 115.714)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-20"
transform="translate(256 502.002)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a346.217 346.217 0 0 0 1.572-33.047m-280 0c0 121.503 62.68 220 140 220 49.009 0 92.13-39.581 117.14-99.503"
transform="translate(394.428 295.048)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 121.503 22.386 220 50 220s50-98.497 50-220"
transform="translate(206 262.001)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-126.287"
transform="translate(256 262.001)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 .005.005"
transform="translate(100.431 417.56)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 .002-.007"
transform="translate(387.058 339.54)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category