Add icons to this collection by clicking the heart icon.
Umbrella icon - also known as weather, protection, rainy, rain, umbrella, raining, and protected. Created in a clean flat style with a silver, gray, 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="512"
    height="512"
    viewBox="0 0 64 64"
>
    <path fill="#96c3f0" d="M27 38.977h4V53h-4z" />
    <path
        fill="#5f79ba"
        d="M29 24c14 0 22 10.925 22 17 0 0-1-1-5-1a8.76 8.76 0 0 0-6 2s-5-4-11-4-11 4-11 4a8.76 8.76 0 0 0-6-2c-4 0-5 1-5 1 0-6.075 8-17 22-17z"
    />
    <path
        fill="#7291ce"
        d="M29 24c8 6 11 18 11 18a33.008 33.008 0 0 0-11-2 33.008 33.008 0 0 0-11 2s3-12 11-18"
    />
    <path
        fill="#d3843d"
        d="M35 54v3h-4v-4h-4v4a4 4 0 0 0 4 4h4a4 4 0 0 0 4-4v-3a2 2 0 0 0-2-2 2 2 0 0 0-2 2z"
    />
    <g fill="#87cee9">
        <path
            d="M30 22a2 2 0 0 1-4 0c0-1.105 2-4 2-4s2 2.9 2 4zM23 19a2 2 0 0 1-4 0c0-1.105 2-4 2-4s2 2.9 2 4zM16 15a2 2 0 0 1-4 0c0-1.105 2-4 2-4s2 2.9 2 4zM24 29a2 2 0 0 1-4 0c0-1.105 2-4 2-4s2 2.9 2 4zM17 26a2 2 0 0 1-4 0c0-1.105 2-4 2-4s2 2.9 2 4z"
        />
    </g>
    <path
        fill="#195c85"
        d="M58 18a3.193 3.193 0 0 0-3-3v-1c0-2.435-2.565-4-5-4a3.786 3.786 0 0 0-4 3c-.857-.857-1.045-1-2-1a3.044 3.044 0 0 0-3 3 2.985 2.985 0 0 0-3 3c0 2.571 1.377 3 3 3h14a2.794 2.794 0 0 0 3-3zM14 11a2 2 0 0 1-2-2 2.768 2.768 0 0 1 3-3h1c.593-1.9 2-3 5-3 2.227 0 4.518.932 5 3h1a2.919 2.919 0 0 1 3 3 2 2 0 0 1-2 2z"
    />
</svg>
More icons in the same style and category