Bubble Speak

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="11.887"
        x2="59.019"
        y1="12.289"
        y2="59.421"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#eef2f3" />
        <stop offset="1" stop-color="#8e9eab" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="30.125"
        x2="77.257"
        y1="-5.875"
        y2="41.257"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M58.005 59.981C52 60 46.926 56.362 44.138 56.085c-3.931 2.417-7.3 3.281-12.655 3.281a27.684 27.684 0 0 1 0-55.366 27.034 27.034 0 0 1 12.342 2.943 2 2 0 1 1-1.742 3.601A23.077 23.077 0 0 0 31.483 8a23.684 23.684 0 0 0 0 47.366c4.788 0 7.436-.704 10.896-2.899 1.108-.703 2.645-.546 8.354 1.22a.596.596 0 0 0 .72-.814 15.334 15.334 0 0 1-1.21-4.002 4.967 4.967 0 0 1 .584-3.757c2.939-3.844 4.138-7.735 4.138-13.43a23.62 23.62 0 0 0-4.497-13.941 2.002 2.002 0 1 1 3.146-2.475 27.6 27.6 0 0 1 5.351 16.415c0 6.479-1.443 11.181-4.817 15.671-.147 1.172.9 5.965 4.96 8.933a2.017 2.017 0 0 1-1.103 3.694z"
        />
        <path fill="url(#b)" d="M50 12a2 2 0 1 1-2-2 2 2 0 0 1 2 2z" />
    </g>
</svg>