overlay-menu-icon.js

/**
 * WordPress dependencies
 */
import { SVG, Rect } from '@wordpress/primitives';
import { Icon, menu, moreVertical, moreHorizontal } from '@wordpress/icons';

export default function OverlayMenuIcon( { icon } ) {
	if ( icon === 'menu' ) {
		return <Icon icon={ menu } />;
	} else if ( icon === 'more-vertical' ) {
		return <Icon icon={ moreVertical } />;
	} else if ( icon === 'more-horizontal' ) {
		return <Icon icon={ moreHorizontal } />;
	}

	return (
		<SVG
			xmlns="http://www.w3.org/2000/svg"
			viewBox="0 0 24 24"
			width="24"
			height="24"
			aria-hidden="true"
			focusable="false"
		>
			<Rect x="4" y="7.5" width="16" height="1.5" />
			<Rect x="4" y="15" width="16" height="1.5" />
		</SVG>
	);
}