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="5.4"
        y2="97.25"
        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="M84.03 14.18c-6.46-2.19-13.44-1.46-18.99 1.91-2.77-3.88-6.76-6.84-11.39-8.4-9.94-3.37-20.8.38-25.81 8.73-11.13-3.02-22.7 2.59-26.2 12.92-2.43 7.2-.51 15.06 5.02 20.78-.43.86-.8 1.73-1.1 2.6-1.78 5.26-1.25 10.93 1.48 15.98 2.7 5.01 7.27 8.81 12.84 10.7 6.55 2.21 13.66 1.43 19.25-2.07 1.88 1.34 3.92 2.39 6.09 3.13.11.03.22.07.33.1l6.2 12.18c.26.5.78.82 1.34.82h.07c.59-.03 1.11-.4 1.32-.95l4.7-11.85a21.47 21.47 0 0 0 5.38-2.43c1.28.71 2.58 1.3 3.9 1.74 11.55 3.91 23.92-1.7 27.58-12.51 2.1-6.21.94-13.02-3.09-18.5 2.49-2.26 4.34-5.07 5.4-8.2 1.78-5.26 1.26-10.93-1.47-15.98-2.71-5.02-7.27-8.82-12.85-10.7z"
    />
</svg>