Change icon

packages/edit-post/src/components/header/index.js

@@ -20,7 +20,7 @@ import {
 import { useEffect, useRef, useState } from '@wordpress/element';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { __ } from '@wordpress/i18n';
-import { next, previous, box } from '@wordpress/icons';
+import { next, previous, metabox } from '@wordpress/icons';
 import { PinnedItems } from '@wordpress/interface';
 import { useViewportMatch } from '@wordpress/compose';
 import {
@@ -192,7 +192,7 @@ function Header( { setEntitiesSavedStatesCallback, initialPost } ) {
 				/>
 				{ hasActiveMetaboxes && (
 					<Button
-						icon={ box }
+						icon={ metabox }
 						onClick={ () => {
 							toggleMetaBoxes();
 						} }

packages/icons/src/index.js

@@ -150,6 +150,7 @@ export { default as media } from './library/media';
 export { default as mediaAndText } from './library/media-and-text';
 export { default as megaphone } from './library/megaphone';
 export { default as menu } from './library/menu';
+export { default as metabox } from './library/metabox';
 export { default as mobile } from './library/mobile';
 export { default as more } from './library/more';
 export { default as moreHorizontal } from './library/more-horizontal';

packages/icons/src/library/metabox.js

@@ -0,0 +1,16 @@
+/**
+ * WordPress dependencies
+ */
+import { SVG, Path } from '@wordpress/primitives';
+
+const metabox = (
+	<SVG width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<Path
+			fill-rule="evenodd"
+			clip-rule="evenodd"
+			d="M20 14v4c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2v-4h16Zm0-1.5V6c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v6.5h1.5V6c0-.3.2-.5.5-.5h12c.3 0 .5.2.5.5v6.5H20ZM5.5 18c0 .3.2.5.5.5h12c.3 0 .5-.2.5-.5v-2.5h-13V18Z"
+		/>
+	</SVG>
+);
+
+export default metabox;