Bubble Chat

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#ffda2d"
        d="M344.46 97.787c-57.971-7.714-117.527 9.078-161.301 48.98-72.929 66.486-74.657 173.869-6.39 242.31-1.89.57-3.91.76-5.95.53-20.229-2.32-39.758-7.5-58.167-15.43l-88.825 45.17c-11.902 6.034-25.109-5.325-21.089-17.92l29.208-91.71c-49.487-69.43-41.898-164.54 25.669-226.47 80.375-73.69 209.778-68.08 283.204 8.19a14.852 14.852 0 0 1 3.641 6.35z"
    />
    <path
        fill="#fdbf00"
        d="M344.46 97.787c-52.887-7.03-107.094 6.33-149.441 39.03V30.987c53.907.08 107.474 20.64 145.802 60.45a14.868 14.868 0 0 1 3.639 6.35z"
    />
    <path
        fill="#00b8f0"
        d="M480.083 369.718C500.993 340.381 512 306.411 512 270.977c0-101.104-89.087-180-194.989-180-105.94 0-194.989 78.933-194.989 180 0 101.104 89.087 180 194.989 180 28.416 0 56.729-5.791 82.36-16.798l88.832 45.169a14.973 14.973 0 0 0 6.795 1.629c10.123 0 17.38-9.865 14.295-19.553z"
    />
    <path
        fill="#0097f0"
        d="M509.29 461.427c4.023 12.616-9.195 23.949-21.089 17.92l-88.835-45.17c-25.454 10.935-53.411 16.8-83.355 16.8v-360c110.032 0 195.989 81.384 195.989 180 0 35.43-11.009 69.4-31.918 98.74z"
    />
    <circle cx="256.015" cy="270.977" r="15" fill="#e0f4ff" />
    <circle cx="316.011" cy="270.977" r="15" fill="#e0f4ff" />
    <g fill="#bbdcff">
        <path
            d="M331.01 270.977c0 8.28-6.72 15-14.999 15v-30c8.28 0 14.999 6.72 14.999 15z"
        />
        <circle cx="376.008" cy="270.977" r="15" />
    </g>
</svg>