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="#5558ff" />
        <stop offset="1" stop-color="#00c0ff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="451"
        y2="60"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#addcff" />
        <stop offset=".503" stop-color="#eaf6ff" />
        <stop offset="1" stop-color="#eaf6ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M93.988 307.021C87.543 315.648 31 392.553 31 436c0 41.353 33.647 76 75 76s75-34.647 75-76c0-43.447-56.543-120.352-62.988-128.979-5.655-7.588-18.369-7.588-24.024 0zM256 0c-41.353 0-75 33.647-75 75 0 43.447 56.543 121.352 62.988 129.979 2.827 3.794 7.28 6.021 12.012 6.021s9.185-2.227 12.012-6.021C274.457 196.352 331 118.447 331 75c0-41.353-33.647-75-75-75zm162.012 307.021c-5.654-7.588-18.369-7.588-24.023 0C387.543 315.648 331 392.553 331 436c0 41.353 33.647 76 75 76s75-34.647 75-76c0-43.447-56.543-120.352-62.988-128.979z"
    />
    <path
        fill="url(#b)"
        d="M106 421c-8.284 0-15 6.716-15 15s6.716 15 15 15 15-6.716 15-15-6.716-15-15-15zM256 90c8.284 0 15-6.716 15-15s-6.716-15-15-15-15 6.716-15 15 6.716 15 15 15zm150 331c-8.284 0-15 6.716-15 15s6.716 15 15 15 15-6.716 15-15-6.716-15-15-15zm91-180h-76v-11.484c0-8.291-6.709-15-15-15s-15 6.709-15 15V241H121v-11.484c0-8.291-6.709-15-15-15s-15 6.709-15 15V241H15c-8.291 0-15 6.709-15 15s6.709 15 15 15h226v15c0 8.291 6.709 15 15 15s15-6.709 15-15v-15h226c8.291 0 15-6.709 15-15s-6.709-15-15-15z"
    />
</svg>