Speech Bubble

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 100 100"
>
    <linearGradient
        id="a"
        x1="50"
        x2="50"
        y1="10.75"
        y2="91.57"
        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>
    <path
        fill="url(#a)"
        d="M23.63 77.65c.27.24.62.37.98.37h19.54l5.27 9.53c.26.48.77.77 1.31.77h.07a1.49 1.49 0 0 0 1.3-.91l4.04-9.4H77.5c.52 0 .99-.26 1.27-.7l19.84-31.49c.32-.51.31-1.16-.04-1.66l-19.8-28.4c-.25-.37-.66-.6-1.1-.64l-40.44-3.44c-.3-.02-.6.04-.86.18L2.04 31.03c-.47.26-.77.76-.77 1.3l-.11 25.21c0 .44.19.86.52 1.14zM4.27 33.22l33.16-18.51 39.28 3.34 18.83 27.01-18.87 29.95H55.15c-.6 0-1.14.36-1.38.91l-3.22 7.49-4.21-7.63a1.49 1.49 0 0 0-1.31-.77H25.17L4.16 56.87l.1-23.65z"
    />
</svg>