Real Time

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <path
        fill="#5a6c80"
        d="M28 37.587V16h-8v27.816a14.02 14.02 0 0 1 8-6.229z"
    />
    <path
        fill="#485666"
        d="M44 43.816V26h-8v11.587a14.02 14.02 0 0 1 8 6.229z"
    />
    <path fill="#5a6c80" d="M52 16h8v32h-8z" />
    <circle cx="32" cy="51" r="11" fill="#4993f2" />
    <path fill="#485666" d="M4 26h8v22H4z" />
    <g fill="#e65c5e">
        <circle cx="7" cy="17" r="3" />
        <circle cx="23" cy="5" r="3" />
        <circle cx="40" cy="15" r="3" />
        <circle cx="56" cy="5" r="3" />
    </g>
    <path
        d="M20 51a12 12 0 0 0 20.944 8l-1.49-1.333A10 10 0 1 1 42 51c0 .31-.03.616-.058.923L40.8 50.4l-1.6 1.2 3 4a1 1 0 0 0 1.6 0l3-4-1.6-1.2-1.268 1.691c.032-.362.068-.725.068-1.091a12 12 0 0 0-24 0z"
    />
    <path
        d="m31 51.382-3.447 1.723.894 1.79 4-2A1 1 0 0 0 33 52v-8h-2zM49 50h14v2H49zM1 50h17v2H1zM13 48V26a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v22h2V27h6v21zM21 42.358V17h6v20.936a13.882 13.882 0 0 1 2-.606V16a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1v29.824a13.977 13.977 0 0 1 2-3.466zM37 37.936V27h6v15.358a13.977 13.977 0 0 1 2 3.466V26a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1v11.33a13.882 13.882 0 0 1 2 .606zM61 48V16a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1v32h2V17h6v31z"
    />
    <path
        d="M56 9a4 4 0 1 0-4-4 3.952 3.952 0 0 0 .2 1.2l-9.456 5.9a3.978 3.978 0 0 0-5.575.073L26.83 6.09A3.935 3.935 0 0 0 27 5a4 4 0 1 0-7.7 1.522l-9.818 7.366A3.96 3.96 0 0 0 7 13a4.009 4.009 0 1 0 3.7 2.478l9.822-7.366a3.956 3.956 0 0 0 5.313-.289L36.17 13.91A3.935 3.935 0 0 0 36 15a4 4 0 0 0 8 0 3.952 3.952 0 0 0-.2-1.2l9.456-5.9A3.978 3.978 0 0 0 56 9zm0-6a2 2 0 1 1-2 2 2 2 0 0 1 2-2zM7 19a2 2 0 1 1 2-2 2 2 0 0 1-2 2zM23 7a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm17 10a2 2 0 1 1 2-2 2 2 0 0 1-2 2z"
    />
</svg>