Bubble Speech With Suspensive Dots

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 27.428 27.428"
>
    <path
        d="M12.381 6.63C5.543 6.63 0 10.288 0 14.797c0 3.569 3.475 6.605 8.315 7.716 0 0 1.407.681-.905 3.045-.962.982 3.81-1.517 4.828-2.221.33-.23.426-.289.734-.355.271-.041.496-.05.608-.056 6.271-.398 11.177-3.886 11.177-8.129.001-4.509-5.542-8.167-12.376-8.167zm1.71 15.332c-.093.007-.271.013-.485.045-.252.056-.326-.103-.594.08-.813.564-3.173 2.339-4.529 2.809 1.848-1.889.948-3.265.948-3.265-3.871-.888-7.77-3.479-7.77-6.333-.226-4.272 4.644-7.617 11.47-7.359 5.466 0 9.9 3.914 9.9 7.52 0 3.394-3.924 6.186-8.94 6.503z"
    />
    <path
        d="M8.271 15.364a1.886 1.886 0 1 1-3.771-.003 1.886 1.886 0 0 1 3.771.003zM14.264 15.364a1.885 1.885 0 1 1-3.77-.002 1.885 1.885 0 0 1 3.77.002z"
    />
    <circle cx="17.85" cy="15.149" r="1.885" />
    <path
        d="M4.5 6.994s5.158-3.159 12.372-2.018c0 0 3.899.674 6.085 2.625 2.588 1.969 2.926 4.497 3.012 5.875 0 0 3.473-3.657-.297-8.119 0 0-3.063-3.779-9.069-3.712 0 0-3.177.019-5.606.777-.001.001-4.334.976-6.497 4.572z"
    />
</svg>