Chat Bubble

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <linearGradient
        id="a"
        x1="19.07"
        x2="3.413"
        y1="19.587"
        y2="3.93"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#60efff" />
        <stop offset=".117" stop-color="#5ff1f2" />
        <stop offset=".503" stop-color="#5ef6ca" />
        <stop offset=".811" stop-color="#5cf9b2" />
        <stop offset="1" stop-color="#5cfaa9" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M19 4H5a4 4 0 0 0-4 4v10a1.656 1.656 0 0 0 1.669 1.66 1.622 1.622 0 0 0 1.16-.489A4 4 0 0 1 6.657 18H19a4 4 0 0 0 4-4V8a4 4 0 0 0-4-4z"
    />
    <g fill="#212529">
        <path
            d="M2.673 20.664a2.695 2.695 0 0 1-1.033-.21A2.615 2.615 0 0 1 0 18V8a5.006 5.006 0 0 1 5-5h14a5.006 5.006 0 0 1 5 5v6a5.006 5.006 0 0 1-5 5H6.657a2.982 2.982 0 0 0-2.122.878 2.619 2.619 0 0 1-1.862.786zM5 5a3.003 3.003 0 0 0-3 3v10a.657.657 0 0 0 1.121.464A4.968 4.968 0 0 1 6.657 17H19a3.003 3.003 0 0 0 3-3V8a3.003 3.003 0 0 0-3-3z"
        />
        <path
            d="M19 14h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM19 10h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z"
        />
    </g>
</svg>