Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="14"
        x2="50"
        y1="36"
        y2="36"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffddf3" />
        <stop offset="1" stop-color="#7900e9" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M16 48c-1.103 0-2-.897-2-2V24h36v22c0 1.103-.897 2-2 2z"
    />
    <g fill="#541491">
        <path
            d="M47 43H34a1 1 0 1 1 0-2h13a1 1 0 1 1 0 2zM29 43H17a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2zM48 51H16a1 1 0 1 1 0-2h32a1 1 0 1 1 0 2z"
        />
        <path
            d="M48 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 5zM16 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 2zM47 38H34a1 1 0 1 1 0-2h13a1 1 0 1 1 0 2zM47 33H34a1 1 0 1 1 0-2h13a1 1 0 1 1 0 2zM47 28H34a1 1 0 1 1 0-2h13a1 1 0 1 1 0 2zM17 38a1 1 0 0 1-1-1V27a1 1 0 1 1 2 0v10a1 1 0 0 1-1 1zM29 38a1 1 0 0 1-1-1V27a1 1 0 1 1 2 0v10a1 1 0 0 1-1 1z"
        />
        <path
            d="M29 28H17a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2zM29 38H17a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2zM52 23H12a1 1 0 1 1 0-2h40a1 1 0 1 1 0 2zM22 19h-4a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2zM38 19H26a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2zM52 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 d="M48 15H16a1 1 0 1 1 0-2h32a1 1 0 1 1 0 2z" />
        <path
            d="M12 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 1zM52 47a1 1 0 0 1-1-1V18a1 1 0 1 1 2 0v28a1 1 0 0 1-1 1z"
        />
        <path d="M12 47a1 1 0 0 1-1-1V18a1 1 0 1 1 2 0v28a1 1 0 0 1-1 1z" />
    </g>
</svg>