Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <path fill="#d5883e" d="M10 47h15l5-4-5-4H10z" />
    <path fill="#5e87ca" d="M10 59h15l5-4-5-4H10z" />
    <path fill="#f3a748" d="M13 39h12l5 4-2.555 2.044H13z" />
    <path fill="#78a0d4" d="M13 51h12l5 4-2.555 2.044H13z" />
    <path fill="#d5883e" d="M54 56H39l-5-4 5-4h15z" />
    <path fill="#5e87ca" d="M54 44H39l-5-4 5-4h15z" />
    <path fill="#78a0d4" d="M51 36H39l-5 4 2.555 2.044H51z" />
    <path fill="#f3a748" d="M51 48H39l-5 4 2.555 2.044H51z" />
    <path fill="#f0ae42" d="M34 34v28h-4V34" />
    <path fill="#f9d266" d="M30 34h2v26h-2z" />
    <path
        fill="#3b5892"
        d="M35.023 31.7a15.142 15.142 0 0 1-6.023 0V33a3 3 0 0 0 3 3 3 3 0 0 0 3-3v-1.3z"
    />
    <circle cx="32" cy="17" r="15" fill="#e2e7f6" />
    <ellipse cx="29.5" cy="17" fill="#f2f2f2" rx="12.5" ry="14.775" />
    <path
        fill="#f0ae42"
        d="M34 14.765V11l-2-3-2 3v3.764a3 3 0 0 1 4 0zM29.764 15H23l-3 2 3 2h6.764a3 3 0 0 1 0-4z"
    />
    <path fill="#b52f28" d="m33.287 18.709 1.414-1.414 5 5-1.415 1.413z" />
    <g fill="#5e87ca"><path d="M31 4h2v2h-2zM31 28h2v2h-2zM43 16h2v2h-2z" /></g>
    <circle cx="32" cy="17" r="3" fill="#3b5892" />
    <path
        fill="#f9d266"
        d="M32 13.013V8l-2 3v2.013zM27.377 15H23l-3 2h7.377z"
    />
    <path fill="#c0dafc" d="M39 39h6v2h-6zM47 39h4v2h-4z" />
    <path fill="#f2f2f2" d="M39 51h6v2h-6zM47 51h4v2h-4z" />
    <path fill="#c0dafc" d="M13 54h6v2h-6zM21 54h4v2h-4z" />
    <path fill="#f2f2f2" d="M13 42h6v2h-6zM21 42h4v2h-4z" />
</svg>