Soap Bubbles

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="150.485"
        x2="150.485"
        y1="361"
        y2="31"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#addcff" />
        <stop offset=".503" stop-color="#eaf6ff" />
        <stop offset="1" stop-color="#eaf6ff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="271.5"
        x2="271.5"
        y1="512"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5558ff" />
        <stop offset="1" stop-color="#00c0ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M283.393 87.792C268.715 70.507 248.354 61 226 61c-24.814 0-45 20.186-45 45 0 19.512 12.48 36.152 29.883 42.378 2.549 18.662 16.787 34.482 36.299 38.115-10.024-.624 44.75 9.778 52.354-36.035 4.423-22.632-1.495-45.483-16.143-62.666zM76 61c15.352 0 30.059 14.004 38.408 36.548a14.93 14.93 0 0 0 19.277 8.862c7.764-2.871 11.719-11.499 8.848-19.263C129.73 52.519 104.242 31 76 31 33.93 31 0 77.128 0 136c0 51.658 26.362 93.466 61 102.945V346c0 8.291 6.709 15 15 15s15-6.709 15-15V238.689c22.028-6.169 41.056-25.496 51.533-53.837 2.871-7.764-1.084-16.392-8.848-19.263-7.793-2.886-16.406 1.084-19.277 8.862C106.059 196.996 91.352 211 76 211c-24.404 0-45-34.351-45-75s20.596-75 45-75z"
    />
    <path
        fill="url(#b)"
        d="M76 331c-24.814 0-45 20.186-45 45v91c0 24.814 20.186 45 45 45s45-20.186 45-45v-91c0-24.814-20.186-45-45-45zM436 0c-41.367 0-75 34.647-75 76s33.633 75 75 75 76-33.647 76-75-34.633-76-76-76zm-60 241c-41.367 0-75 33.647-75 75s33.633 75 75 75 75-33.647 75-75-33.633-75-75-75zM306.7 68.5C286.601 44.799 257.199 31 226 31c-42.9 0-64.799 17.699-84.3 33.3-13.801 10.799-25.499 20.099-44.101 24.3C76 93.699 61 111.7 61 132.7v7.799c0 20.399 14.7 37.8 35.7 42.601 19.2 3.9 31.199 13.499 45 24.6 17.1 13.799 36.599 29.399 70.201 32.699 3.898.3 7.798.601 11.699.601 26.4 0 50.4-9 69.3-24 18.6-15 32.1-36.601 36.301-61.8 5.699-31.201-2.702-62.7-22.501-86.7zm-36.601 76.199c-2.218 13.313-14.398 11.356-17.399 12.301-8.101-1.501-13.5-9.3-12.001-17.401.901-5.399 0-9.6-3.3-13.2-1.8-2.401-5.7-5.4-11.4-5.4-8.401 0-15-6.601-15-15 0-8.401 6.599-15 15-15 18.3 0 29.399 10.199 34.501 16.199 8.7 10.202 12.3 23.7 9.599 37.501z"
    />
</svg>