Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="512"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#addcff" />
        <stop offset=".503" stop-color="#eaf6ff" />
        <stop offset="1" stop-color="#eaf6ff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="482"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5558ff" />
        <stop offset="1" stop-color="#00c0ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M271 241h60l30-30h-90V15c0-8.291-6.709-15-15-15s-15 6.709-15 15v136h-90l30 30h60v211h-90l30 30h60v75c0 8.291 6.709 15 15 15s15-6.709 15-15v-15h60l30-30h-90z"
    />
    <path
        fill="url(#b)"
        d="M91 241c-49.706 0-91 40.294-91 90s41.294 91 91 91h90v-91c0-49.706-40.294-90-90-90zm421-90c0-49.706-41.294-90-91-90s-90 40.294-90 90v90h90c49.706 0 91-40.294 91-90zm-91 150c-49.706 0-90 41.294-90 91v90h90c49.706 0 91-40.294 91-90s-41.294-91-91-91zM91 0C41.294 0 0 41.294 0 91s41.294 90 91 90h90V91c0-49.706-40.294-91-90-91z"
    />
</svg>