Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 60 60"
>
    <g fill="none" fill-rule="nonzero">
        <rect width="4" height="20" x="1" y="39" fill="#ffdc00" rx="2" />
        <rect width="4" height="20" x="19" y="39" fill="#ffdc00" rx="2" />
        <rect width="4" height="20" x="37" y="39" fill="#ffdc00" rx="2" />
        <rect width="4" height="20" x="55" y="39" fill="#ffdc00" rx="2" />
        <path fill="#ff9801" d="M5 41h14v12H5z" />
        <path fill="#f57c00" d="M16 41h3v12h-3z" />
        <path fill="#ff9801" d="M41 41h14v12H41z" />
        <path fill="#f57c00" d="M52 41h3v12h-3z" />
        <path fill="#ff9801" d="M23 41h14v12H23z" />
        <path fill="#f57c00" d="M34 41h3v12h-3z" />
        <rect width="42" height="30" x="9" y="1" fill="#f5f5f5" rx="3" />
        <path
            fill="#cfd8dc"
            d="M48 1h-3a3 3 0 0 1 3 3v24a3 3 0 0 1-3 3h3a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3z"
        />
        <g fill="#000">
            <path
                d="M57 38a3 3 0 0 0-2.816 2H41.816a2.982 2.982 0 0 0-5.632 0H31v-8h17a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4H12a4 4 0 0 0-4 4v24a4 4 0 0 0 4 4h17v8h-5.184a2.982 2.982 0 0 0-5.632 0H5.816A2.993 2.993 0 0 0 0 41v16a3 3 0 0 0 6 0v-3h12v3a3 3 0 0 0 6 0v-3h12v3a3 3 0 0 0 6 0v-3h12v3a3 3 0 0 0 6 0V41a3 3 0 0 0-3-3zM10 28V4a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v24a2 2 0 0 1-2 2H12a2 2 0 0 1-2-2zM4 57a1 1 0 0 1-2 0V41a1 1 0 0 1 2 0zm2-5V42h12v10zm16 5a1 1 0 0 1-2 0V41a1 1 0 0 1 2 0zm2-5V42h12v10zm16 5a1 1 0 0 1-2 0V41a1 1 0 0 1 2 0zm2-5V42h12v10zm16 5a1 1 0 0 1-2 0V41a1 1 0 0 1 2 0z"
            />
            <path
                d="M14 8h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 0 2zM14 14h13a1 1 0 0 0 0-2H14a1 1 0 0 0 0 2zM31 14h15a1 1 0 0 0 0-2H31a1 1 0 0 0 0 2zM14 20h21a1 1 0 0 0 0-2H14a1 1 0 0 0 0 2zM47 25a1 1 0 0 0-1-1H14a1 1 0 0 0 0 2h32a1 1 0 0 0 1-1zM46 18h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 0-2z"
            />
        </g>
    </g>
</svg>