Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <path
        fill="#58595b"
        d="M61 59a1 1 0 0 1-1 1H4a1 1 0 0 1 0-2h56a1 1 0 0 1 1 1z"
    />
    <path
        fill="#ffcd00"
        d="M27 34H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7l3.02 3L20 50h7a2 2 0 0 0 2-2V36a2 2 0 0 0-2-2z"
    />
    <path
        fill="#7ed63e"
        d="M57 34H37a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7l3.02 3L50 50h7a2 2 0 0 0 2-2V36a2 2 0 0 0-2-2z"
    />
    <path
        fill="#ed1c24"
        d="M42 3H22a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7l3.02 3L35 19h7a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z"
    />
    <path
        fill="#d80027"
        d="M42 3h-.277A1.987 1.987 0 0 1 42 4v12a2 2 0 0 1-2 2h-7l-2.487 2.5L32.02 22 35 19h7a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z"
    />
    <path
        fill="#5eac24"
        d="M57 34h-.277A1.987 1.987 0 0 1 57 35v12a2 2 0 0 1-2 2h-7l-2.487 2.5L47.02 53 50 50h7a2 2 0 0 0 2-2V36a2 2 0 0 0-2-2z"
    />
    <path
        fill="#ebbf00"
        d="M27 34h-.277A1.987 1.987 0 0 1 27 35v12a2 2 0 0 1-2 2h-7l-2.487 2.5L17.02 53 20 50h7a2 2 0 0 0 2-2V36a2 2 0 0 0-2-2z"
    />
    <circle cx="17" cy="59" r="2" fill="#2488ff" />
    <circle cx="47" cy="59" r="2" fill="#2488ff" />
    <g fill="#f1f2f2">
        <path
            d="M40 8H30a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2zM40 12H24a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zM40 16H24a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zM39 43h16a1 1 0 0 0 0-2H39a1 1 0 0 0 0 2zM39 47h16a1 1 0 0 0 0-2H39a1 1 0 0 0 0 2zM9 43h16a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2zM15 39h10a1 1 0 0 0 0-2H15a1 1 0 0 0 0 2zM9 39h2a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2zM45 39h10a1 1 0 0 0 0-2H45a1 1 0 0 0 0 2zM39 39h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM9 47h16a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2zM26 8h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
        />
    </g>
    <path
        fill="#58595b"
        d="M62 28a1 1 0 0 1-1 1H3a1 1 0 0 1 0-2h58a1 1 0 0 1 1 1z"
    />
    <circle cx="32" cy="28" r="2" fill="#2488ff" />
</svg>