Chat Bubble

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 48 48"
>
    <linearGradient
        id="a"
        x1="19.816"
        x2="19.816"
        y1=".451"
        y2="45.149"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#38d6a4" />
        <stop offset=".197" stop-color="#36ccb0" />
        <stop offset=".552" stop-color="#30b3cf" />
        <stop offset=".999" stop-color="#288cff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="30.808"
        x2="30.808"
        y1=".451"
        y2="45.149"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M38 20.269A18 18 0 1 0 6.935 32.361a.266.266 0 0 1 .074.234.241.241 0 0 1-.132.182L2.456 35.1a1.536 1.536 0 0 0 .716 2.9h15C29.144 38 37.853 30.211 38 20.269zM7.81 34.547a2.261 2.261 0 0 0 .576-3.562A15.984 15.984 0 0 1 18.218 4.1a15.859 15.859 0 0 1 12.554 4.07A16.02 16.02 0 0 1 36 20.239C35.87 29.077 28.038 36 18.169 36H5.047z"
        />
        <path
            fill="url(#b)"
            d="m45.544 43.1-4.42-2.327a.238.238 0 0 1-.132-.18.274.274 0 0 1 .077-.24A17.978 17.978 0 0 0 39.6 14.235l-1.289 1.53a15.977 15.977 0 0 1 1.306 23.217 2.263 2.263 0 0 0-.6 1.942 2.231 2.231 0 0 0 1.173 1.623L42.953 44H28a15.891 15.891 0 0 1-11.333-4.706l-1.417 1.412A17.878 17.878 0 0 0 28 46h16.828a1.536 1.536 0 0 0 .716-2.9z"
        />
    </g>
</svg>