Cloudy

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#bbdefb" />
        <stop offset="1" stop-color="#64b5f6" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="19"
        x2="21"
        y1="2"
        y2="2"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="9"
        x2="11"
        y1="12"
        y2="12"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="29"
        x2="31"
        y1="12"
        y2="12"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="15.173"
        x2="17.174"
        y1="2.762"
        y2="2.762"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="11.929"
        x2="13.929"
        y1="4.929"
        y2="4.929"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="9.761"
        x2="11.761"
        y1="8.172"
        y2="8.172"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="9.761"
        x2="11.761"
        y1="15.826"
        y2="15.826"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="26.07"
        x2="28.071"
        y1="19.071"
        y2="19.071"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="28.238"
        x2="30.239"
        y1="15.827"
        y2="15.827"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="k"
        x1="28.238"
        x2="30.239"
        y1="8.173"
        y2="8.173"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="l"
        x1="26.07"
        x2="28.071"
        y1="4.928"
        y2="4.928"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="m"
        x1="22.827"
        x2="24.826"
        y1="2.761"
        y2="2.761"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="n"
        x1="12"
        x2="28"
        y1="12"
        y2="12"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#42a5f5" />
        <stop offset="1" stop-color="#1e88e5" />
    </linearGradient>
    <linearGradient
        id="o"
        x1="1"
        x2="27"
        y1="23"
        y2="23"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <circle cx="20" cy="2" r="1" fill="url(#b)" />
    <circle cx="10" cy="12" r="1" fill="url(#c)" />
    <circle cx="30" cy="12" r="1" fill="url(#d)" />
    <circle cx="16.174" cy="2.761" r="1" fill="url(#e)" />
    <circle cx="12.929" cy="4.929" r="1" fill="url(#f)" />
    <circle cx="10.761" cy="8.173" r="1" fill="url(#g)" />
    <circle cx="10.761" cy="15.827" r="1" fill="url(#h)" />
    <circle cx="27.071" cy="19.071" r=".999" fill="url(#i)" />
    <circle cx="29.239" cy="15.827" r=".999" fill="url(#j)" />
    <circle cx="29.239" cy="8.172" r=".999" fill="url(#k)" />
    <path
        fill="url(#l)"
        d="M27.777 5.635a.998.998 0 1 1-1.413-1.413 1 1 0 1 1 1.413 1.413z"
    />
    <circle cx="23.826" cy="2.76" r=".999" fill="url(#m)" />
    <path
        fill="url(#n)"
        d="M20 4c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8z"
    />
    <path
        fill="url(#o)"
        d="M22.999 21.1 23 21c0-3.309-2.691-6-6-6-2.27 0-4.322 1.307-5.33 3.29A4.967 4.967 0 0 0 10 18c-2.757 0-5 2.243-5 5-2.206 0-4 1.794-4 4s1.794 4 4 4h17c2.757 0 5-2.243 5-5a5.008 5.008 0 0 0-4.001-4.9z"
    />
</svg>