diff --git a/assets/js/atomic/blocks/product-elements/product-details/block.json b/assets/js/atomic/blocks/product-elements/product-details/block.json
index c5133768f27..2919a826fab 100644
--- a/assets/js/atomic/blocks/product-elements/product-details/block.json
+++ b/assets/js/atomic/blocks/product-elements/product-details/block.json
@@ -3,7 +3,7 @@
"version": "1.0.0",
"icon": "info",
"title": "Product Details",
- "description": "A block that allows your customers to see details and reviews about the product.",
+ "description": "Display a product’s description, attributes, and reviews.",
"category": "woocommerce",
"keywords": [ "WooCommerce" ],
"supports": {
diff --git a/assets/js/atomic/blocks/product-elements/product-details/index.tsx b/assets/js/atomic/blocks/product-elements/product-details/index.tsx
index 7dfa8e97bd4..0ffdc64d2b5 100644
--- a/assets/js/atomic/blocks/product-elements/product-details/index.tsx
+++ b/assets/js/atomic/blocks/product-elements/product-details/index.tsx
@@ -2,6 +2,7 @@
* External dependencies
*/
import { registerBlockSingleProductTemplate } from '@woocommerce/atomic-utils';
+import { WC_BLOCKS_IMAGE_URL } from '@woocommerce/block-settings';
/**
* Internal dependencies
@@ -14,6 +15,18 @@ registerBlockSingleProductTemplate( {
// @ts-expect-error: `metadata` currently does not have a type definition in WordPress core
blockMetadata: metadata,
blockSettings: {
+ icon: {
+ src: () => {
+ return (
+ <>
+
+ >
+ );
+ },
+ },
edit,
ancestor: [ 'woocommerce/single-product' ],
},
diff --git a/images/blocks/product-details/product-details-icon.svg b/images/blocks/product-details/product-details-icon.svg
new file mode 100644
index 00000000000..ef2a705b50b
--- /dev/null
+++ b/images/blocks/product-details/product-details-icon.svg
@@ -0,0 +1,5 @@
+