Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <g id="timeline">
        <path
            d="m15 14v46a1 1 0 0 0 1 1h32a1 1 0 0 0 1-1v-56a1 1 0 0 0 -1-1h-32a1 1 0 0 0 -1 1z"
            fill="#d8f5ff"
            fill-rule="evenodd"
        />
        <path
            d="m32 3h-16a1 1 0 0 0 -1 1v56a1 1 0 0 0 1 1h16z"
            fill="#b1dfff"
            fill-rule="evenodd"
        />
        <path
            d="m45 50v-42a1 1 0 0 0 -1-1h-6a1 1 0 0 0 -1 1v3h-10v-3a1 1 0 0 0 -1-1h-6a1 1 0 0 0 -1 1v48a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1z"
            fill="#00c6ff"
            fill-rule="evenodd"
        />
        <path
            d="m32 57v-46h-5v-3a1 1 0 0 0 -1-1h-6a1 1 0 0 0 -1 1v48a1 1 0 0 0 1 1z"
            fill="#00bcf3"
            fill-rule="evenodd"
        />
        <path
            d="m28 53h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2z"
            fill="#0a4b75"
            fill-rule="evenodd"
        />
        <rect fill="#ffe600" height="32" rx="1" width="42" x="11" y="16" />
        <path
            d="m32 16h-20a1 1 0 0 0 -1 1v30a1 1 0 0 0 1 1h20z"
            fill="#f2db00"
            fill-rule="evenodd"
        />
        <g fill="#0a4b75">
            <rect height="7" rx="1" width="12" x="17" y="27.75" />
            <rect height="7" rx="1" width="12" x="17" y="37.25" />
            <path
                d="m32 30.75h14a1 1 0 0 0 0-2h-14a1 1 0 0 0 0 2z"
                fill-rule="evenodd"
            />
            <path
                d="m32 40.25h14a1 1 0 0 0 0-2h-14a1 1 0 0 0 0 2z"
                fill-rule="evenodd"
            />
            <path
                d="m32 33.75h14a1 1 0 0 0 0-2h-14a1 1 0 0 0 0 2z"
                fill-rule="evenodd"
            />
            <path
                d="m32 43.25h14a1 1 0 0 0 0-2h-14a1 1 0 0 0 0 2z"
                fill-rule="evenodd"
            />
            <path
                d="m20 21.75a1 1 0 1 1 -1 1 1 1 0 0 1 1-1zm0-2a3 3 0 1 0 3 3 3 3 0 0 0 -3-3z"
                fill-rule="evenodd"
            />
            <path
                d="m28 21.75a1 1 0 1 1 -1 1 1 1 0 0 1 1-1zm0-2a3 3 0 1 0 3 3 3 3 0 0 0 -3-3z"
                fill-rule="evenodd"
            />
            <path
                d="m36 21.75a1 1 0 1 1 -1 1 1 1 0 0 1 1-1zm0-2a3 3 0 1 0 3 3 3 3 0 0 0 -3-3z"
                fill-rule="evenodd"
            />
            <path
                d="m44 21.75a1 1 0 1 1 -1 1 1 1 0 0 1 1-1zm0-2a3 3 0 1 0 3 3 3 3 0 0 0 -3-3z"
                fill-rule="evenodd"
            />
        </g>
    </g>
</svg>