Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="13"
        x2="13"
        y1="62.754"
        y2="9.955"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#1a125f" />
        <stop offset=".205" stop-color="#423795" />
        <stop offset=".681" stop-color="#ed1a58" />
        <stop offset="1" stop-color="#54c2ef" />
    </linearGradient>
    <linearGradient id="b" x1="32" x2="32" y1="62.754" y2="9.955" href="#a" />
    <linearGradient id="c" x1="51" x2="51" y1="62.754" y2="9.955" href="#a" />
    <linearGradient
        id="d"
        x1="12.94"
        x2="12.94"
        y1="62.754"
        y2="9.955"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="31.245"
        x2="31.245"
        y1="62.754"
        y2="9.955"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="50.305"
        x2="50.305"
        y1="62.754"
        y2="9.955"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="13.982"
        x2="13.982"
        y1="62.754"
        y2="9.955"
        href="#a"
    />
    <circle cx="13" cy="53" r="2" fill="url(#a)" />
    <circle cx="32" cy="53" r="2" fill="url(#b)" />
    <circle cx="51" cy="53" r="2" fill="url(#c)" />
    <path
        fill="url(#d)"
        d="M18.38 46H14v3a.5.5 0 0 1-.03.13 4 4 0 1 1-1.94 0A.5.5 0 0 1 12 49v-3H4v14h14.38l3.5-6.95z"
    />
    <path
        fill="url(#e)"
        d="M38.38 46H33v3.14a4 4 0 1 1-2 0V46H20.61l3.29 6.61a1.017 1.017 0 0 1-.01.9L20.62 60h17.76l3.5-6.95z"
    />
    <path
        fill="url(#f)"
        d="M52 49a.5.5 0 0 1-.03.13 4 4 0 1 1-1.94 0A.5.5 0 0 1 50 49v-3h-9.39l3.29 6.61a1.017 1.017 0 0 1-.01.9L40.62 60H60V46h-8z"
    />
    <circle cx="51" cy="25" r="2" fill="url(#c)" />
    <path fill="url(#g)" d="M17.382 24h-6.801l.286 2h5.515z" />
    <path fill="url(#b)" d="M34 10V9h-4v1a2 2 0 0 0 4 0z" />
    <path
        fill="url(#a)"
        d="M14 34.95a10 10 0 1 0-2 0V46h2zM9 30a2 2 0 0 1 2-2s-1.135-.013-1.172-.031a.989.989 0 0 1-.818-.827L8.133 21H7a1 1 0 0 1 0-2h2a1 1 0 0 1 .99.858L10.3 22H19a1 1 0 0 1 .895 1.447l-2 4A1 1 0 0 1 17 28h-1a2 2 0 1 1-2 2 2 2 0 0 1 2-2h-5a2 2 0 1 1-2 2z"
    />
    <path
        fill="url(#b)"
        d="M33 20.941a9 9 0 1 0-2 0V46h2zM29 17a1 1 0 0 1 1-1h1v-2.142A4 4 0 0 1 28 10V8a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2a4 4 0 0 1-3 3.858V16h1a1 1 0 0 1 0 2h-4a1 1 0 0 1-1-1z"
    />
    <path
        fill="url(#c)"
        d="M52 34.95a10 10 0 1 0-2 0V46h2zM49 31a1 1 0 0 1 1-1v-1.14a4.166 4.166 0 0 1-1.02-.43l-.81.81a1 1 0 0 1-1.41 1.42l-1.42-1.42a1 1 0 0 1 0-1.41 1.008 1.008 0 0 1 1.42 0l.81-.81a4.166 4.166 0 0 1-.43-1.02H46a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0h1.14a4.166 4.166 0 0 1 .43-1.02l-.81-.81a1.014 1.014 0 0 1-1.42 0 1 1 0 0 1 0-1.41l1.42-1.42a1 1 0 0 1 1.41 0 1.008 1.008 0 0 1 0 1.42l.81.81a4.166 4.166 0 0 1 1.02-.43V20a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2v1.14a4.166 4.166 0 0 1 1.02.43l.81-.81a1.008 1.008 0 0 1 0-1.42 1 1 0 0 1 1.41 0l1.42 1.42a1 1 0 0 1 0 1.41 1.014 1.014 0 0 1-1.42 0l-.81.81a4.166 4.166 0 0 1 .43 1.02H56a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0h-1.14a4.166 4.166 0 0 1-.43 1.02l.81.81a1.008 1.008 0 0 1 1.42 0 1 1 0 0 1 0 1.41l-1.42 1.42a1 1 0 1 1-1.41-1.42l-.81-.81a4.166 4.166 0 0 1-1.02.43V30a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1z"
    />
</svg>