Speech Bubble

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#ffac1b" />
        <stop offset="1" stop-color="#e10b90" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="516.902"
        x2="10.902"
        y1="501.215"
        y2="3.215"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="477.159"
        x2="-28.841"
        y1="541.596"
        y2="43.596"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="529.843"
        x2="23.843"
        y1="488.066"
        y2="-9.934"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="582.527"
        x2="76.527"
        y1="434.535"
        y2="-63.465"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M459.883 22.016H52.117C23.379 22.016 0 45.396 0 74.133v282.162c0 28.738 23.379 52.117 52.117 52.117h5.778l-15.473 54.13a21.525 21.525 0 0 0 28.866 25.829l194.826-79.958h193.768c28.738 0 52.117-23.379 52.117-52.117V74.133c.001-28.737-23.378-52.117-52.116-52.117zm9.069 334.279c0 4.916-4.153 9.069-9.068 9.069H261.87c-2.803 0-5.579.548-8.172 1.612L96.014 431.69l11.116-38.886a21.52 21.52 0 0 0-20.695-27.44H52.117c-4.916 0-9.068-4.153-9.068-9.069V74.133c0-4.916 4.153-9.068 9.068-9.068h407.766c4.916 0 9.068 4.153 9.068 9.068v282.162z"
    />
    <circle cx="150.888" cy="220.483" r="24.601" fill="url(#c)" />
    <circle cx="257.962" cy="220.483" r="24.601" fill="url(#d)" />
    <circle cx="365.037" cy="220.483" r="24.601" fill="url(#e)" />
</svg>