Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <g>
        <path d="m49 323.504h30v48.996h-30z" fill="#353657" />
        <path d="m241 323.5h30v49h-30z" fill="#353657" />
        <path d="m433 323.504h30v48.996h-30z" fill="#282849" />
        <path
            d="m128 188.5c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 27.83 17.768 51.5 42.575 60.313l21.425 29.314 21.425-29.314c24.807-8.813 42.575-32.483 42.575-60.313z"
            fill="#ec3d93"
        />
        <path
            d="m512 188.5c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 27.83 17.768 51.5 42.575 60.313l21.425 29.314 21.425-29.314c24.807-8.813 42.575-32.483 42.575-60.313z"
            fill="#4da6ff"
        />
        <path
            d="m271 207.25-15 70.88-21.43-29.32c-24.8-8.81-42.57-32.48-42.57-60.31 0-35.35 28.65-64 64-64z"
            fill="#ffd845"
        />
        <path
            d="m320 188.5c0 27.83-17.77 51.5-42.57 60.31l-21.43 29.32v-153.63c35.35 0 64 28.65 64 64z"
            fill="#ffad49"
        />
        <path d="m49 177.25h30v30h-30z" fill="#4f506e" />
        <path d="m241 177.25h30v30h-30z" fill="#4f506e" />
        <path d="m256 177.25h15v30h-15z" fill="#353657" />
        <path d="m256 323.5h15v49h-15z" fill="#282849" />
        <path d="m433 177.25h30v30h-30z" fill="#353657" />
        <path d="m0 357.5h512v30h-512z" fill="#4f506e" />
        <path d="m256 357.5h256v30h-256z" fill="#353657" />
    </g>
</svg>