Bubbles

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 48 48"
>
    <g fill="#9de8fc">
        <circle cx="18" cy="23" r="4" />
        <circle cx="26" cy="9" r="5" />
        <circle cx="26" cy="42" r="2" />
        <circle cx="31" cy="31" r="3" />
    </g>
    <path
        fill="#d4f2f9"
        d="M20.829 20.171a4 4 0 0 0-5.657 5.657zM29.536 5.464a5 5 0 1 0-7.072 7.072zM27.414 40.586a2 2 0 1 0-2.828 2.828zM33.121 28.879a3 3 0 1 0-4.242 4.242z"
    />
    <path
        fill="#474747"
        d="M18 18c-2.757 0-4.999 2.243-4.999 5s2.242 4.999 4.999 4.999 5-2.242 5-4.999-2.243-5-5-5zm0 7.999A3.003 3.003 0 0 1 15.001 23c0-1.654 1.346-3 2.999-3 1.654 0 3 1.346 3 3a3.003 3.003 0 0 1-3 2.999zm8-10.998c3.309 0 6-2.692 6-6.001s-2.691-6-6-6-6 2.691-6 6 2.692 6.001 6 6.001zM26 5c2.206 0 4 1.794 4 4s-1.794 4.001-4 4.001S22 11.206 22 9s1.794-4 4-4zm0 34c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm5-16c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4zm0 6c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2z"
    />
</svg>