Chat Bubble

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="21.09"
        x2="453.543"
        y1="458.91"
        y2="26.457"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="17.09"
        x2="449.543"
        y1="454.91"
        y2="22.457"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-38.91"
        x2="393.543"
        y1="398.91"
        y2="-33.543"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="73.09"
        x2="505.543"
        y1="510.91"
        y2="78.457"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M456 72H56a48.051 48.051 0 0 0-48 48v208a48.051 48.051 0 0 0 48 48h32v56a8 8 0 0 0 13.66 5.66L163.31 376H456a48.051 48.051 0 0 0 48-48V120a48.051 48.051 0 0 0-48-48zm32 256a32.036 32.036 0 0 1-32 32H160a8.008 8.008 0 0 0-5.66 2.34L104 412.69V368a8 8 0 0 0-8-8H56a32.036 32.036 0 0 1-32-32V120a32.036 32.036 0 0 1 32-32h400a32.036 32.036 0 0 1 32 32z"
    />
    <path
        fill="url(#b)"
        d="M256 184a32 32 0 1 0 32 32 32.036 32.036 0 0 0-32-32zm0 48a16 16 0 1 1 16-16 16.019 16.019 0 0 1-16 16z"
    />
    <path
        fill="url(#c)"
        d="M144 184a32 32 0 1 0 32 32 32.036 32.036 0 0 0-32-32zm0 48a16 16 0 1 1 16-16 16.019 16.019 0 0 1-16 16z"
    />
    <path
        fill="url(#d)"
        d="M368 184a32 32 0 1 0 32 32 32.036 32.036 0 0 0-32-32zm0 48a16 16 0 1 1 16-16 16.019 16.019 0 0 1-16 16z"
    />
</svg>