diff --git a/plugins/woocommerce-blocks/assets/js/blocks/product-on-sale/index.js b/plugins/woocommerce-blocks/assets/js/blocks/product-on-sale/index.js
index 3903b809aef..023c39250ee 100644
--- a/plugins/woocommerce-blocks/assets/js/blocks/product-on-sale/index.js
+++ b/plugins/woocommerce-blocks/assets/js/blocks/product-on-sale/index.js
@@ -4,7 +4,6 @@
import { __ } from '@wordpress/i18n';
import { createBlock, registerBlockType } from '@wordpress/blocks';
import { without } from 'lodash';
-import Gridicon from 'gridicons';
/**
* Internal dependencies
@@ -14,11 +13,12 @@ import { deprecatedConvertToShortcode } from '../../utils/deprecations';
import sharedAttributes, {
sharedAttributeBlockTypes,
} from '../../utils/shared-attributes';
+import { IconProductOnSale } from '../../components/icons';
registerBlockType( 'woocommerce/product-on-sale', {
title: __( 'On Sale Products', 'woo-gutenberg-products-block' ),
icon: {
- src: ,
+ src: ,
foreground: '#96588a',
},
category: 'woocommerce',
diff --git a/plugins/woocommerce-blocks/assets/js/blocks/product-tag/block.js b/plugins/woocommerce-blocks/assets/js/blocks/product-tag/block.js
index a0590bcf6fb..315d19fbd72 100644
--- a/plugins/woocommerce-blocks/assets/js/blocks/product-tag/block.js
+++ b/plugins/woocommerce-blocks/assets/js/blocks/product-tag/block.js
@@ -26,6 +26,7 @@ import GridContentControl from '../../components/grid-content-control';
import GridLayoutControl from '../../components/grid-layout-control';
import ProductTagControl from '../../components/product-tag-control';
import ProductOrderbyControl from '../../components/product-orderby-control';
+import { IconProductTag } from '../../components/icons';
/**
* Component to handle edit mode of "Products by Tag".
@@ -179,7 +180,7 @@ class ProductsByTagBlock extends Component {
return (
}
label={ __(
'Products by Tag',
'woo-gutenberg-products-block'
@@ -230,7 +231,9 @@ class ProductsByTagBlock extends Component {
/>
) : (
+ }
label={ __(
'Products by Tag',
'woo-gutenberg-products-block'
@@ -276,7 +279,9 @@ class ProductsByTagBlock extends Component {
) : (
+ }
label={ __(
'Products by Tag',
'woo-gutenberg-products-block'
diff --git a/plugins/woocommerce-blocks/assets/js/blocks/product-tag/index.js b/plugins/woocommerce-blocks/assets/js/blocks/product-tag/index.js
index 6d476f44c82..9de7a732f89 100644
--- a/plugins/woocommerce-blocks/assets/js/blocks/product-tag/index.js
+++ b/plugins/woocommerce-blocks/assets/js/blocks/product-tag/index.js
@@ -10,6 +10,7 @@ import { DEFAULT_COLUMNS, DEFAULT_ROWS } from '@woocommerce/block-settings';
*/
import './editor.scss';
import Block from './block';
+import { IconProductTag } from '../../components/icons';
/**
* Register and run the "Products by Tag" block.
@@ -17,7 +18,7 @@ import Block from './block';
registerBlockType( 'woocommerce/product-tag', {
title: __( 'Products by Tag', 'woo-gutenberg-products-block' ),
icon: {
- src: 'tag',
+ src: ,
foreground: '#96588a',
},
category: 'woocommerce',
diff --git a/plugins/woocommerce-blocks/assets/js/components/icons/index.js b/plugins/woocommerce-blocks/assets/js/components/icons/index.js
index ae02550d8f5..8b6dbba9e20 100644
--- a/plugins/woocommerce-blocks/assets/js/components/icons/index.js
+++ b/plugins/woocommerce-blocks/assets/js/components/icons/index.js
@@ -4,7 +4,9 @@ export { default as IconCheckChecked } from './checkbox-checked';
export { default as IconCheckUnchecked } from './checkbox-unchecked';
export { default as IconFolder } from './folder';
export { default as IconFolderStar } from './folder-star';
+export { default as IconProductOnSale } from './product-on-sale';
export { default as IconProductSearch } from './product-search';
+export { default as IconProductTag } from './product-tag';
export { default as IconNewReleases } from './new-releases';
export { default as IconRadioSelected } from './radio-selected';
export { default as IconRadioUnselected } from './radio-unselected';
diff --git a/plugins/woocommerce-blocks/assets/js/components/icons/product-on-sale.js b/plugins/woocommerce-blocks/assets/js/components/icons/product-on-sale.js
new file mode 100644
index 00000000000..3f757f2a197
--- /dev/null
+++ b/plugins/woocommerce-blocks/assets/js/components/icons/product-on-sale.js
@@ -0,0 +1,20 @@
+/**
+ * External dependencies
+ */
+import { Icon } from '@wordpress/components';
+
+export default ( { className } ) => (
+
+
+
+
+
+ }
+ />
+);
diff --git a/plugins/woocommerce-blocks/assets/js/components/icons/product-tag.js b/plugins/woocommerce-blocks/assets/js/components/icons/product-tag.js
new file mode 100644
index 00000000000..39704783233
--- /dev/null
+++ b/plugins/woocommerce-blocks/assets/js/components/icons/product-tag.js
@@ -0,0 +1,28 @@
+/**
+ * External dependencies
+ */
+import { Icon } from '@wordpress/components';
+
+export default ( { className } ) => (
+
+
+
+
+
+
+
+ }
+ />
+);