From 85a37d2de97bf2c32b21029a67afd0438e519f55 Mon Sep 17 00:00:00 2001
From: Riad Benguella <benguella@gmail.com>
Date: Thu, 16 Sep 2021 11:35:44 +0100
Subject: [PATCH] Update the Global Styles Icon and use in the site editor's
 panel

---
 packages/edit-site/src/components/sidebar/index.js |  4 ++--
 packages/icons/src/index.js                        |  1 +
 packages/icons/src/library/global-styles.js        | 12 ++++++++++++
 3 files changed, 15 insertions(+), 2 deletions(-)
 create mode 100644 packages/icons/src/library/global-styles.js

diff --git a/packages/edit-site/src/components/sidebar/index.js b/packages/edit-site/src/components/sidebar/index.js
index d99397b9f62f5..4350b382f76bb 100644
--- a/packages/edit-site/src/components/sidebar/index.js
+++ b/packages/edit-site/src/components/sidebar/index.js
@@ -3,7 +3,7 @@
  */
 import { createSlotFill, PanelBody } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
-import { cog, typography } from '@wordpress/icons';
+import { cog, globalStyles } from '@wordpress/icons';
 import { useEffect } from '@wordpress/element';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { store as interfaceStore } from '@wordpress/interface';
@@ -80,7 +80,7 @@ export function SidebarComplementaryAreaFills() {
 				identifier="edit-site/global-styles"
 				title={ __( 'Global Styles' ) }
 				closeLabel={ __( 'Close global styles sidebar' ) }
-				icon={ typography }
+				icon={ globalStyles }
 			/>
 		</>
 	);
diff --git a/packages/icons/src/index.js b/packages/icons/src/index.js
index a30d76f5c5486..5745a4e9371b4 100644
--- a/packages/icons/src/index.js
+++ b/packages/icons/src/index.js
@@ -81,6 +81,7 @@ export { default as formatUnderline } from './library/format-underline';
 export { default as formatUppercase } from './library/format-uppercase';
 export { default as fullscreen } from './library/fullscreen';
 export { default as gallery } from './library/gallery';
+export { default as globalStyles } from './library/global-styles';
 export { default as globe } from './library/globe';
 export { default as grid } from './library/grid';
 export { default as group } from './library/group';
diff --git a/packages/icons/src/library/global-styles.js b/packages/icons/src/library/global-styles.js
new file mode 100644
index 0000000000000..0ac8d1bf4804c
--- /dev/null
+++ b/packages/icons/src/library/global-styles.js
@@ -0,0 +1,12 @@
+/**
+ * WordPress dependencies
+ */
+import { Path, SVG } from '@wordpress/primitives';
+
+export const globalStyles = (
+	<SVG viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+		<Path d="M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z" />
+	</SVG>
+);
+
+export default globalStyles;