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="2"
        y2="514"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffbef9" />
        <stop offset="1" stop-color="#fff1ff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256.038"
        x2="256.038"
        y1="124.5"
        y2="391.5"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff81ff" />
        <stop offset="1" stop-color="#a93aff" />
    </linearGradient>
    <circle cx="256" cy="256" r="256" fill="url(#a)" />
    <path
        fill="url(#b)"
        d="M256.059 193.7c19.594 0 35.543-15.966 35.543-35.6s-15.949-35.6-35.543-35.6-35.543 15.966-35.543 35.6 15.949 35.6 35.543 35.6zm-106.63 0c19.594 0 35.543-15.966 35.543-35.6s-15.949-35.6-35.543-35.6-35.543 15.966-35.543 35.6 15.949 35.6 35.543 35.6zm159.946 124.6c-19.594 0-35.543 15.966-35.543 35.6s15.949 35.6 35.543 35.6 35.543-15.966 35.543-35.6-15.949-35.6-35.543-35.6zm-106.631 0c-19.594 0-35.543 15.966-35.543 35.6s15.949 35.6 35.543 35.6 35.543-15.966 35.543-35.6-15.949-35.6-35.543-35.6zm201.771-68.592-35.543-35.6c-3.471-3.477-9.094-3.477-12.565 0s-3.471 9.108 0 12.585l20.375 20.408H264.945v-36.5c-2.905.493-5.843.899-8.886.899s-5.981-.406-8.886-.899v36.5h-88.858v-36.5c-2.905.493-5.843.899-8.886.899s-5.981-.406-8.886-.899v36.5h-26.658c-4.911 0-8.886 3.98-8.886 8.9s3.974 8.9 8.886 8.9h79.973v36.5c2.905-.493 5.843-.899 8.886-.899s5.981.406 8.886.899v-36.5h88.859v36.5c2.905-.493 5.843-.899 8.886-.899s5.981.406 8.886.899v-36.5h58.522l-20.375 20.408a8.907 8.907 0 0 0 0 12.585c1.735 1.738 4.009 2.607 6.283 2.607s4.547-.869 6.283-2.607l35.543-35.6c3.603-3.855 3.218-8.529-.002-12.586z"
    />
</svg>