Speech Bubble

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 100 100"
>
    <linearGradient
        id="a"
        x1="63.33"
        x2="63.33"
        y1="32.02"
        y2="85"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#27d7ff" />
        <stop offset=".04" stop-color="#29d2ff" />
        <stop offset=".44" stop-color="#3db3ff" />
        <stop offset=".77" stop-color="#49a0ff" />
        <stop offset="1" stop-color="#4e9aff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="36.75"
        x2="36.75"
        y1="16.52"
        y2="69.5"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M51.44 64.41H34.72c.98 6.77 6.8 12 13.84 12h25.12l6.19 6.03c.29.28.66.43 1.05.43.2 0 .39-.04.58-.12.56-.23.92-.78.92-1.38v-5.71c5.66-1.91 9.52-7.2 9.52-13.25V46.63c0-7.72-6.28-14-14-14h-9v14.28c0 9.65-7.85 17.5-17.5 17.5z"
    />
    <path
        fill="url(#b)"
        d="M8.06 31.13v15.78c0 6.05 3.86 11.34 9.52 13.25v5.71a1.508 1.508 0 0 0 1.5 1.5c.39 0 .76-.15 1.05-.43l6.19-6.03h25.12c7.72 0 14-6.28 14-14V31.13c0-7.72-6.28-14-14-14H22.06c-7.72 0-14 6.28-14 14z"
    />
</svg>