Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="-11.49"
        x2="513.014"
        y1="499.49"
        y2="-25.014"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="12.51"
        x2="537.014"
        y1="523.49"
        y2="-1.014"
        href="#a"
    />
    <linearGradient
        id="c"
        x1=".51"
        x2="525.014"
        y1="511.49"
        y2="-13.014"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M496 8H304a8 8 0 0 0-8 8v144a8 8 0 0 0 8 8h24v40a8 8 0 0 0 13.66 5.66L387.31 168H496a8 8 0 0 0 8-8V16a8 8 0 0 0-8-8zm-8 144H384a8.008 8.008 0 0 0-5.66 2.34L344 188.69V160a8 8 0 0 0-8-8h-24V24h176z"
    />
    <path
        fill="url(#b)"
        d="M208 344h-24v-40a8 8 0 0 0-13.657-5.657L124.687 344H16a8 8 0 0 0-8 8v144a8 8 0 0 0 8 8h192a8 8 0 0 0 8-8V352a8 8 0 0 0-8-8zm-8 144H24V360h104a8 8 0 0 0 5.657-2.343L168 323.313V352a8 8 0 0 0 8 8h24z"
    />
    <path
        fill="url(#c)"
        d="M496 224h-48a8 8 0 0 0-8 8v16h-72v-16a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v16h-96v-16a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v16H72v-16a8 8 0 0 0-8-8H16a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-16h72v16a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-16h96v16a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-16h72v16a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8zM56 272H24v-32h32zm136 0h-32v-32h32zm160 0h-32v-32h32zm136 0h-32v-32h32z"
    />
</svg>