Add icons to this collection by clicking the heart icon.
Rain icon - also known as cloud, nature, weather, rainy, and rain. Created in a clean flat gradient style, 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 48 48"
>
    <linearGradient
        id="linear-gradient"
        gradientUnits="userSpaceOnUse"
        x1="24"
        x2="24"
        y1="2.75"
        y2="28.13"
    >
        <stop offset="0" stop-color="#eaecf7" />
        <stop offset="1" stop-color="#cdd3f1" />
    </linearGradient>
    <linearGradient
        id="linear-gradient-2"
        gradientUnits="userSpaceOnUse"
        x1="24"
        x2="24"
        y1="18.013"
        y2="29.727"
    >
        <stop offset="0" stop-color="#e2e5f4" stop-opacity="0" />
        <stop offset="1" stop-color="#9aa6e2" />
    </linearGradient>
    <linearGradient
        id="linear-gradient-3"
        x1="37.587"
        x2="40.754"
        y1="35.929"
        y2="29.367"
        href="#linear-gradient"
    />
    <linearGradient
        id="linear-gradient-4"
        x1="27.539"
        x2="30.83"
        y1="35.905"
        y2="29.363"
        href="#linear-gradient"
    />
    <linearGradient
        id="linear-gradient-5"
        x1="17.564"
        x2="20.846"
        y1="35.845"
        y2="29.345"
        href="#linear-gradient"
    />
    <linearGradient
        id="linear-gradient-6"
        x1="7.597"
        x2="10.879"
        y1="35.846"
        y2="29.19"
        href="#linear-gradient"
    />
    <linearGradient
        id="linear-gradient-7"
        x1="10.525"
        x2="13.963"
        y1="45.857"
        y2="39.2"
        href="#linear-gradient"
    />
    <linearGradient
        id="linear-gradient-8"
        x1="20.637"
        x2="23.793"
        y1="45.849"
        y2="39.256"
        href="#linear-gradient"
    />
    <linearGradient
        id="linear-gradient-9"
        x1="30.572"
        x2="33.854"
        y1="45.802"
        y2="39.364"
        href="#linear-gradient"
    />
    <g id="Rain">
        <path
            d="m38 12c-.121 0-.238.013-.357.018a12.981 12.981 0 0 0 -23.7-3.826 10 10 0 1 0 -1.943 19.808h26a8 8 0 0 0 0-16z"
            fill="url(#linear-gradient)"
        />
        <path
            d="m2.2 16a10.005 10.005 0 0 0 9.8 12h26a7.99 7.99 0 0 0 6.921-12z"
            fill="url(#linear-gradient-2)"
        />
        <path
            d="m38 36a1 1 0 0 1 -.894-1.447l2-4a1 1 0 0 1 1.789.895l-2 4a1 1 0 0 1 -.895.552z"
            fill="url(#linear-gradient-3)"
        />
        <path
            d="m28 36a1 1 0 0 1 -.894-1.447l2-4a1 1 0 0 1 1.789.895l-2 4a1 1 0 0 1 -.895.552z"
            fill="url(#linear-gradient-4)"
        />
        <path
            d="m18 36a1 1 0 0 1 -.894-1.447l2-4a1 1 0 0 1 1.789.895l-2 4a1 1 0 0 1 -.895.552z"
            fill="url(#linear-gradient-5)"
        />
        <path
            d="m8 36a1 1 0 0 1 -.894-1.447l2-4a1 1 0 0 1 1.789.895l-2 4a1 1 0 0 1 -.895.552z"
            fill="url(#linear-gradient-6)"
        />
        <path
            d="m11 46a1 1 0 0 1 -.894-1.447l2-4a1 1 0 0 1 1.789.895l-2 4a1 1 0 0 1 -.895.552z"
            fill="url(#linear-gradient-7)"
        />
        <path
            d="m21 46a1 1 0 0 1 -.894-1.447l2-4a1 1 0 0 1 1.789.895l-2 4a1 1 0 0 1 -.895.552z"
            fill="url(#linear-gradient-8)"
        />
        <path
            d="m31 46a1 1 0 0 1 -.894-1.447l2-4a1 1 0 0 1 1.789.895l-2 4a1 1 0 0 1 -.895.552z"
            fill="url(#linear-gradient-9)"
        />
    </g>
</svg>
More icons in the same style and category