Accessing Excalidraw icons when making a custom main menu

[hayesall]

In @excalidraw/excalidraw==0.16.1, there's a hacky way to access some of the icons.

For example: I can access the GitHub icon by going through the MainMenu.DefaultItems.Socials:

import { Excalidraw } from "@excalidraw/excalidraw";
import { MainMenu } from "@excalidraw/excalidraw";

export default function App() {
    return (
        <Excalidraw>
            <MainMenu>
                <MainMenu.Group title="links">
                    <MainMenu.ItemLink
                        icon={MainMenu.DefaultItems.Socials().props.children[0].props.icon }
                        href="https://github.com/"
                        aria-label="GitHub"
                    >
                        GitHub
                    </MainMenu.ItemLink>
                </MainMenu.Group>
            </MainMenu>
        </Excalidraw>
    );
}

... which renders:

The GithubIcon constant is in src/components/icons.tsx, but these do not appear to be exported by default.

excalidraw/src/components/icons.tsx

Lines 473 to 479 in 71ad3c5

	export const GithubIcon = createIcon(
	<path
	d="M7.5 15.833c-3.583 1.167-3.583-2.083-5-2.5m10 4.167v-2.917c0-.833.083-1.166-.417-1.666 2.334-.25 4.584-1.167 4.584-5a3.833 3.833 0 0 0-1.084-2.667 3.5 3.5 0 0 0-.083-2.667s-.917-.25-2.917 1.084a10.25 10.25 0 0 0-5.166 0C5.417 2.333 4.5 2.583 4.5 2.583a3.5 3.5 0 0 0-.083 2.667 3.833 3.833 0 0 0-1.084 2.667c0 3.833 2.25 4.75 4.584 5-.5.5-.5 1-.417 1.666V17.5"
	strokeWidth="1.25"
	/>,
	modifiedTablerIconProps,
	);

Is there a better way to access these that I'm missing?