Add icons to this collection by clicking the heart icon.
Umbrella icon - also known as weather, protection, sun, umbrella, Tools and utensils, vintage, umbrellas, and furniture and household. Created in a clean lineal color style with a white, silver, and navy 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M312.292 49.995c-8.75-2.552-17.021-4.958-19.521-6.208-14.146-7.073-24.042-28.76-26.667-36.51A10.656 10.656 0 0 0 256 .006h-.021a10.678 10.678 0 0 0-10.104 7.281c-2.563 7.74-12.396 29.375-26.646 36.5-2.5 1.25-10.771 3.656-19.521 6.208C145.083 65.891 0 108.12 0 223.995c0 .875.104 1.74.312 2.583 4.396 17.552 24.458 50.75 69.021 50.75 29.271 0 48.167-14.906 58.875-30 11.313 15.094 31.646 30 63.792 30 23.824 0 41.257-8.525 53.333-19.186v205.853c0 14.708-11.958 26.667-26.667 26.667S192 478.703 192 463.995v-5.333a10.66 10.66 0 0 0-10.667-10.667 10.66 10.66 0 0 0-10.667 10.667v5.333c0 26.469 21.542 48 48 48s48-21.531 48-48V258.539c12 10.475 29.365 18.789 53.333 18.789 31.542 0 51.917-14.938 63.438-30.01 10.521 15.115 29.375 30.01 59.229 30.01 43.563 0 64.146-33.042 68.958-50.51.25-.917.375-1.865.375-2.823.001-115.875-145.082-158.104-199.707-174z"
fill="#303c42"
/>
<path
d="M69.333 255.995c-35.271 0-46.063-27.5-48-33.49 1.151-88.031 103.009-127.173 164.009-145.966-31.816 25.526-67.299 69.624-67.924 145.495-1.55 4.759-12.445 33.961-48.085 33.961z"
fill="#bbdefb"
/>
<path
d="M69.333 255.995c-35.271 0-46.063-27.5-48-33.49 1.151-88.031 103.009-127.173 164.009-145.966-31.816 25.526-67.299 69.624-67.924 145.495-1.55 4.759-12.445 33.961-48.085 33.961z"
opacity=".3"
fill="#fff"
/>
<path
d="M192 255.995c-39.525 0-51.249-27.768-53.268-33.54.704-99.454 67.046-136.586 95.477-152.47 5.117-2.859 8.436-4.901 11.125-6.909v159.112c-2.179 5.774-14.736 33.807-53.334 33.807z"
fill="#bbdefb"
/>
<path
d="M192 255.995c-39.525 0-51.249-27.768-53.268-33.54.704-99.454 67.046-136.586 95.477-152.47 5.117-2.859 8.436-4.901 11.125-6.909v159.112c-2.179 5.774-14.736 33.807-53.334 33.807z"
opacity=".1"
fill="#fff"
/>
<path
d="M320 255.995c-40.059 0-51.552-28.497-53.333-33.728V63.07c2.689 2.012 6.008 4.055 11.125 6.914 28.423 15.879 94.734 52.997 95.474 152.389-2.478 6.38-15.286 33.622-53.266 33.622z"
fill="#bbdefb"
/>
<path
d="M320 255.995c-40.059 0-51.552-28.497-53.333-33.728V63.07c2.689 2.012 6.008 4.055 11.125 6.914 28.423 15.879 94.734 52.997 95.474 152.389-2.478 6.38-15.286 33.622-53.266 33.622z"
opacity=".05"
/>
<path
d="M442.667 255.995c-36.842 0-46.859-29.691-48.079-33.837-.585-75.952-36.098-120.079-67.932-145.62 60.973 18.781 162.766 57.896 163.991 145.832-2.209 6.354-13.73 33.625-47.98 33.625z"
fill="#bbdefb"
/>
<path
d="M442.667 255.995c-36.842 0-46.859-29.691-48.079-33.837-.585-75.952-36.098-120.079-67.932-145.62 60.973 18.781 162.766 57.896 163.991 145.832-2.209 6.354-13.73 33.625-47.98 33.625z"
opacity=".15"
/>
<linearGradient
id="a"
x1="-45.836"
x2="-25.544"
y1="639.177"
y2="629.715"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M312.292 49.995c-8.75-2.552-17.021-4.958-19.521-6.208-14.146-7.073-24.042-28.76-26.667-36.51A10.656 10.656 0 0 0 256 .006h-.021a10.678 10.678 0 0 0-10.104 7.281c-2.563 7.74-12.396 29.375-26.646 36.5-2.5 1.25-10.771 3.656-19.521 6.208C145.083 65.891 0 108.12 0 223.995c0 .875.104 1.74.312 2.583 4.396 17.552 24.458 50.75 69.021 50.75 29.271 0 48.167-14.906 58.875-30 11.313 15.094 31.646 30 63.792 30 23.824 0 41.257-8.525 53.333-19.186v205.853c0 14.708-11.958 26.667-26.667 26.667S192 478.703 192 463.995v-5.333a10.66 10.66 0 0 0-10.667-10.667 10.66 10.66 0 0 0-10.667 10.667v5.333c0 26.469 21.542 48 48 48s48-21.531 48-48V258.539c12 10.475 29.365 18.789 53.333 18.789 31.542 0 51.917-14.938 63.438-30.01 10.521 15.115 29.375 30.01 59.229 30.01 43.563 0 64.146-33.042 68.958-50.51.25-.917.375-1.865.375-2.823.001-115.875-145.082-158.104-199.707-174z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category