Cloudy

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="0"
        x2="512"
        y1="256"
        y2="256"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#9dd6fc" />
        <stop offset=".006" stop-color="#9dd6fc" />
        <stop offset="1" stop-color="#d17ff7" />
    </linearGradient>
    <path
        d="M258.778 100.142C275.212 53.46 319.698 20 372 20c66.274 0 120 53.726 120 120 0 35.386-15.317 67.195-39.682 89.158M416 220h-5.657C392.501 151.111 330.47 100 256 100c-59.072 0-110.093 32.375-137.81 80H116c-55.229 0-96 44.771-96 100s40.771 100 96 100h300c44.182 0 76-35.818 76-80s-31.818-80-76-80zM69.333 452 96 380m60 112 40-112m60 112 40-112m100 0-26.667 72"
        fill="none"
        stroke="url(#a)"
        stroke-width="40"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
    />
</svg>