Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="16.294"
        x2="47.707"
        y1="19.707"
        y2="51.12"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffddf3" />
        <stop offset="1" stop-color="#7900e9" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M14 48c-1.103 0-2-.897-2-2V24h40v22c0 1.103-.897 2-2 2zm0-2h16V26H14z"
    />
    <path
        fill="#541491"
        d="M45.2 45h-8.4a1 1 0 1 1 0-2h8.4a1 1 0 1 1 0 2zM45.2 29h-8.4a1 1 0 1 1 0-2h8.4a1 1 0 1 1 0 2zM48 39.667H34a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2zM48 34.333H34a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2zM28 45a1 1 0 0 1-1-1V28a1 1 0 1 1 2 0v16a1 1 0 0 1-1 1z"
    />
    <path fill="#541491" d="M28 29H16a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2z" />
    <path
        fill="#541491"
        d="M16 45a1 1 0 0 1-1-1V28a1 1 0 1 1 2 0v16a1 1 0 0 1-1 1z"
    />
    <path
        fill="#541491"
        d="M28 45H16a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2zM32 19H22a1 1 0 1 1 0-2h10a1 1 0 1 1 0 2zM18 19h-4a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2zM14 51c-2.757 0-5-2.243-5-5a1 1 0 1 1 2 0c0 1.654 1.346 3 3 3a1 1 0 1 1 0 2z"
    />
    <path
        fill="#541491"
        d="M10 47a1 1 0 0 1-1-1V18a1 1 0 1 1 2 0v28a1 1 0 0 1-1 1zM54 47a1 1 0 0 1-1-1V18a1 1 0 1 1 2 0v28a1 1 0 0 1-1 1z"
    />
    <path
        fill="#541491"
        d="M50 51a1 1 0 1 1 0-2c1.654 0 3-1.346 3-3a1 1 0 1 1 2 0c0 2.757-2.243 5-5 5z"
    />
    <path
        fill="#541491"
        d="M50 51H14a1 1 0 1 1 0-2h36a1 1 0 1 1 0 2zM54 23H10a1 1 0 1 1 0-2h44a1 1 0 1 1 0 2zM54 19a1 1 0 0 1-1-1c0-1.654-1.346-3-3-3a1 1 0 1 1 0-2c2.757 0 5 2.243 5 5a1 1 0 0 1-1 1z"
    />
    <path fill="#541491" d="M50 15H14a1 1 0 1 1 0-2h36a1 1 0 1 1 0 2z" />
    <path
        fill="#541491"
        d="M10 19a1 1 0 0 1-1-1c0-2.757 2.243-5 5-5a1 1 0 1 1 0 2c-1.654 0-3 1.346-3 3a1 1 0 0 1-1 1z"
    />
</svg>