Chat Box

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="599.217"
        y2="62.073"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".002" stop-color="#ffc599" />
        <stop offset=".992" stop-color="#ffe8dc" stop-opacity="0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="460.524"
        y2="26.524"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff4d4d" stop-opacity=".4" />
        <stop offset="1" stop-color="#ff4d4d" stop-opacity="0" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M465.257 165.137c-14.861-17.312-24.645-38.356-29.219-60.708-3.878-18.954-12.095-35.401-24.961-48.267-58.772-58.773-192.264-20.572-298.16 85.325C7.02 247.384-31.181 380.875 27.592 439.648c27.937 27.937 72.757 33.955 123.469 21.212 29.453-7.401 60.532-4.287 88.29 8.03 23.202 10.295 48.799 16.173 75.724 16.566 105.676 1.543 193.748-82.552 196.839-188.195 1.479-50.505-16.354-96.822-46.657-132.124z"
    />
    <path
        fill="#fff"
        d="M379.9 47.354v392.34c0 11.5-9.33 20.83-20.84 20.83H152.94c-11.51 0-20.84-9.33-20.84-20.83V47.354c0-11.5 9.33-20.83 20.84-20.83h206.12c11.51 0 20.84 9.33 20.84 20.83z"
    />
    <path
        fill="#fee"
        d="M379.9 112.664v128.67H263.36l-16.04 20.35c-2 2.54-5.85 2.54-7.85 0l-16.04-20.35h-30.22c-2.77 0-5-2.24-5-5v-118.67c0-2.76 2.23-5 5-5z"
    />
    <path
        fill="#ebebff"
        d="M379.9 294.964v128.67h-97.09c-2.76 0-5-2.24-5-5v-118.67c0-2.76 2.24-5 5-5h30.22l16.04-20.35c2-2.54 5.85-2.54 7.85 0l16.04 20.35z"
    />
    <path
        fill="#ffab66"
        d="M323.547 54.529 332 26.523H180l8.453 28.007a10 10 0 0 0 9.573 7.11h115.946c4.411 0 8.3-2.889 9.575-7.111z"
    />
    <path
        fill="#6c6cff"
        d="M207.154 44.081a4.854 4.854 0 1 1 9.707 0 4.854 4.854 0 0 1-9.707 0zM223.48 44.081a4.854 4.854 0 1 1 9.707 0 4.854 4.854 0 0 1-9.707 0z"
    />
    <path
        fill="#ff8b00"
        d="M296.601 48.935h-37.202a4.66 4.66 0 0 1 0-9.318h37.202a4.66 4.66 0 0 1 0 9.318z"
    />
    <path
        fill="#ff9494"
        d="M238.962 293.291c-6.718-6.718-17.609-6.718-24.327 0l-11.929 11.93-11.93-11.93c-6.718-6.718-17.609-6.718-24.327 0s-6.718 17.609 0 24.327l32.462 32.462a5.366 5.366 0 0 0 7.589 0l32.462-32.462c6.717-6.718 6.717-17.609 0-24.327z"
    />
    <path
        fill="#ffab66"
        d="M163.104 371.452h79.202a4.66 4.66 0 0 1 0 9.318h-79.202a4.66 4.66 0 0 1 0-9.318zM163.104 387.261h58.202a4.66 4.66 0 0 1 0 9.318h-58.202a4.66 4.66 0 0 1 0-9.318z"
    />
    <circle cx="166.725" cy="257.024" r="7.801" fill="#6c6cff" />
    <path
        fill="url(#b)"
        d="M379.9 47.354v392.34c0 11.5-9.33 20.83-20.84 20.83H152.94c-11.51 0-20.84-9.33-20.84-20.83V47.354c0-11.5 9.33-20.83 20.84-20.83h206.12c11.51 0 20.84 9.33 20.84 20.83z"
    />
    <path
        fill="#ff9494"
        d="M417.392 92.524H193.205a5 5 0 0 0-5 5v118.667a5 5 0 0 0 5 5h30.22l16.04 20.351c2.002 2.54 5.852 2.54 7.854 0l16.04-20.351h154.033a5 5 0 0 0 5-5V97.524a5 5 0 0 0-5-5z"
    />
    <path
        fill="#8383ff"
        d="M476.993 403.488H282.806a5 5 0 0 1-5-5V279.821a5 5 0 0 1 5-5h30.22l16.04-20.351c2.002-2.54 5.852-2.54 7.854 0l16.04 20.351h124.033a5 5 0 0 1 5 5v118.667a5 5 0 0 1-5 5z"
    />
    <g fill="#fff">
        <circle
            cx="347.233"
            cy="340.371"
            r="7.801"
            transform="rotate(-76.7 347.342 340.455)"
        />
        <circle
            cx="379.9"
            cy="340.371"
            r="7.801"
            transform="rotate(-22.48 379.778 339.946)"
        />
        <circle
            cx="412.567"
            cy="340.371"
            r="7.801"
            transform="rotate(-22.48 412.42 339.932)"
        />
    </g>
    <path
        fill="#fff"
        d="M325.91 118.261h58.202a4.66 4.66 0 0 1 0 9.318H325.91a4.66 4.66 0 0 1 0-9.318zM231.809 146.024h152.303a4.66 4.66 0 0 1 0 9.318H231.809a4.66 4.66 0 0 1 0-9.318zM261.809 164.787h122.303a4.66 4.66 0 0 1 0 9.318H261.809a4.66 4.66 0 0 1 0-9.318zM231.809 183.549h152.303a4.66 4.66 0 0 1 0 9.318H231.809a4.66 4.66 0 0 1 0-9.318z"
    />
    <path
        fill="#ff9d33"
        d="M71.094 128.664a4.983 4.983 0 0 1-3.535-1.464l-11-11a5 5 0 0 1 0-7.071l11-11a5 5 0 0 1 7.07 0l11 11a5 5 0 0 1 0 7.071l-11 11a4.984 4.984 0 0 1-3.535 1.464zm-3.929-16 3.929 3.929 3.929-3.929-3.929-3.929z"
    />
    <path
        fill="#ff6c6c"
        d="M82.094 182.457c-7.175 0-13.012-5.837-13.012-13.012s5.837-13.012 13.012-13.012 13.012 5.837 13.012 13.012-5.837 13.012-13.012 13.012zm0-16.023c-1.661 0-3.012 1.351-3.012 3.012s1.351 3.012 3.012 3.012 3.012-1.351 3.012-3.012a3.016 3.016 0 0 0-3.012-3.012z"
    />
    <path
        fill="#6c6cff"
        d="M439 77.231c-7.175 0-13.012-5.837-13.012-13.012S431.825 51.207 439 51.207s13.012 5.837 13.012 13.012S446.175 77.231 439 77.231zm0-16.023c-1.661 0-3.012 1.351-3.012 3.012s1.351 3.012 3.012 3.012 3.012-1.351 3.012-3.012-1.351-3.012-3.012-3.012zM82.094 381.745a5 5 0 0 1-3.535-1.464l-11.293-11.292a5.001 5.001 0 0 1 0-7.072l11.293-11.292a4.998 4.998 0 0 1 7.07 0l11.292 11.292a5 5 0 0 1 0 7.071L85.629 380.28a4.999 4.999 0 0 1-3.535 1.465zm-4.222-16.293 4.222 4.221 4.221-4.221-4.221-4.221z"
    />
    <path
        fill="#ff6c6c"
        d="M420.367 467.287a5 5 0 0 1-3.535-1.464L405.54 454.53a5 5 0 0 1 0-7.071l11.292-11.293a4.998 4.998 0 0 1 7.07 0l11.292 11.293a5 5 0 0 1 0 7.071l-11.292 11.293a5 5 0 0 1-3.535 1.464zm-4.22-16.292 4.221 4.221 4.221-4.221-4.221-4.221z"
    />
</svg>