Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 58 58"
>
    <g fill="none" fill-rule="evenodd">
        <rect width="58" height="26" fill="#91bae2" rx="2" />
        <rect width="58" height="26" y="32" fill="#91bae2" rx="2" />
        <path
            fill="#3b97d3"
            d="M58 39H19v1l-.707-.707L8.586 49H0v2h9v-1l.707.707L19.414 41H58z"
        />
        <g fill="#f3d55b">
            <path
                d="M5 15a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM9 17a1 1 0 0 1-1-1v-6a1 1 0 1 1 2 0v6a1 1 0 0 1-1 1zM17 15a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM21 17a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1zM29 20a1 1 0 0 1-1-1V7a1 1 0 0 1 2 0v12a1 1 0 0 1-1 1zM25 18a1 1 0 0 1-1-1V9a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1zM13 15a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM53 15a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM49 17a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1zM41 15a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM37 17a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1zM33 18a1 1 0 0 1-1-1V9a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1zM45 15a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1z"
            />
        </g>
        <rect
            width="4.702"
            height="4.702"
            x="6.649"
            y="47.649"
            fill="#f0c419"
            rx=".784"
            transform="rotate(-45 8.99 50.006)"
        />
        <rect
            width="4.702"
            height="4.702"
            x="16.649"
            y="37.649"
            fill="#f0c419"
            rx=".784"
            transform="rotate(-45 18.993 40.007)"
        />
    </g>
</svg>