Bubbles

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="48.717"
        x2="463.283"
        y1="256"
        y2="256"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00f2fe" />
        <stop offset=".021" stop-color="#03effe" />
        <stop offset=".293" stop-color="#24d2fe" />
        <stop offset=".554" stop-color="#3cbdfe" />
        <stop offset=".796" stop-color="#4ab0fe" />
        <stop offset="1" stop-color="#4facfe" />
    </linearGradient>
    <path
        d="M382.332 431.354c0 33.494-27.345 60.646-61.077 60.646s-61.077-27.152-61.077-60.646 27.345-60.646 61.077-60.646 61.077 27.153 61.077 60.646zM149.778 216.71c-44.769 0-81.061 36.036-81.061 80.489s36.292 80.489 81.061 80.489 81.061-36.036 81.061-80.489-36.292-80.489-81.061-80.489zm164.367-91.886c0 12.585 10.573 22.824 23.569 22.824m101.072 7.537a104.148 104.148 0 0 0 4.497-30.361C443.283 66.931 396.018 20 337.714 20S232.145 66.931 232.145 124.824s47.265 104.824 105.569 104.824c10.371 0 20.392-1.485 29.861-4.253"
        fill="none"
        stroke="url(#a)"
        stroke-width="40"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
    />
</svg>