From 2ca2287cb82f173311fbf2b46eb9104a335067ba Mon Sep 17 00:00:00 2001
From: Luigi Teschio <gigitux@gmail.com>
Date: Wed, 26 Apr 2023 14:16:54 +0200
Subject: [PATCH] Update icon and description for the Product Meta block
 (https://github.com/woocommerce/woocommerce-blocks/pull/9243)

* Update icon and description for the Product Meta block

* fix alt
---
 .../blocks/product-elements/product-meta/block.json   |  2 +-
 .../blocks/product-elements/product-meta/index.tsx    | 11 +++++++++--
 .../images/blocks/product-meta/product-meta-icon.svg  |  6 ++++++
 3 files changed, 16 insertions(+), 3 deletions(-)
 create mode 100644 plugins/woocommerce-blocks/images/blocks/product-meta/product-meta-icon.svg

diff --git a/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/product-meta/block.json b/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/product-meta/block.json
index f2d22b4f6b2..5773190eb1c 100644
--- a/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/product-meta/block.json
+++ b/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/product-meta/block.json
@@ -3,7 +3,7 @@
 	"version": "1.0.0",
 	"title": "Product Meta",
 	"icon": "product",
-	"description": "Display Product Meta",
+	"description": "Display a product’s SKU, categories, tags, and more.",
 	"category": "woocommerce",
 	"supports": {
 		"align": true,
diff --git a/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/product-meta/index.tsx b/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/product-meta/index.tsx
index 626d15ea1ff..b2090d9f151 100644
--- a/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/product-meta/index.tsx
+++ b/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/product-meta/index.tsx
@@ -1,8 +1,8 @@
 /**
  * External dependencies
  */
-import { box as icon } from '@wordpress/icons';
 import { registerBlockSingleProductTemplate } from '@woocommerce/atomic-utils';
+import { WC_BLOCKS_IMAGE_URL } from '@woocommerce/block-settings';
 
 /**
  * Internal dependencies
@@ -18,7 +18,14 @@ registerBlockSingleProductTemplate( {
 	blockSettings: {
 		edit,
 		save,
-		icon,
+		icon: {
+			src: () => (
+				<img
+					src={ `${ WC_BLOCKS_IMAGE_URL }/blocks/product-meta/product-meta-icon.svg` }
+					alt=""
+				/>
+			),
+		},
 		ancestor: [ 'woocommerce/single-product' ],
 	},
 } );
diff --git a/plugins/woocommerce-blocks/images/blocks/product-meta/product-meta-icon.svg b/plugins/woocommerce-blocks/images/blocks/product-meta/product-meta-icon.svg
new file mode 100644
index 00000000000..18df94d417e
--- /dev/null
+++ b/plugins/woocommerce-blocks/images/blocks/product-meta/product-meta-icon.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 5.5H19C19.1326 5.5 19.2598 5.55268 19.3536 5.64645C19.4473 5.74021 19.5 5.86739 19.5 6V7.5C19.5 7.63261 19.4473 7.75979 19.3536 7.85355C19.2598 7.94732 19.1326 8 19 8H5C4.86739 8 4.74021 7.94732 4.64645 7.85355C4.55268 7.75979 4.5 7.63261 4.5 7.5V6C4.5 5.86739 4.55268 5.74021 4.64645 5.64645C4.74021 5.55268 4.86739 5.5 5 5.5V5.5ZM4 9.232C3.69597 9.05647 3.4435 8.804 3.26796 8.49997C3.09243 8.19594 3.00001 7.85106 3 7.5V6C3 5.46957 3.21071 4.96086 3.58579 4.58579C3.96086 4.21071 4.46957 4 5 4H19C19.5304 4 20.0391 4.21071 20.4142 4.58579C20.7893 4.96086 21 5.46957 21 6V7.5C21 7.85106 20.9076 8.19594 20.732 8.49997C20.5565 8.804 20.304 9.05647 20 9.232V18C20 18.5304 19.7893 19.0391 19.4142 19.4142C19.0391 19.7893 18.5304 20 18 20H6C5.46957 20 4.96086 19.7893 4.58579 19.4142C4.21071 19.0391 4 18.5304 4 18V9.232ZM5.5 9.5V18C5.5 18.1326 5.55268 18.2598 5.64645 18.3536C5.74021 18.4473 5.86739 18.5 6 18.5H18C18.1326 18.5 18.2598 18.4473 18.3536 18.3536C18.4473 18.2598 18.5 18.1326 18.5 18V9.5H5.5Z" fill="black"/>
+<circle cx="9" cy="14" r="1" fill="black"/>
+<circle cx="12" cy="14" r="1" fill="black"/>
+<circle cx="15" cy="14" r="1" fill="black"/>
+</svg>