From bdd1508d6f37849427a76ccff1cb5f527cfc7d12 Mon Sep 17 00:00:00 2001
From: jasmussen <joen@automattic.com>
Date: Tue, 19 Apr 2022 10:49:47 +0200
Subject: [PATCH 1/3] Try: Add new duotone filter icon.

---
 .../src/components/duotone-control/index.js          |  9 ++++++++-
 packages/components/src/custom-gradient-bar/index.js |  1 +
 packages/icons/CHANGELOG.md                          |  3 +++
 packages/icons/src/index.js                          |  1 +
 packages/icons/src/library/filter.js                 | 12 ++++++++++++
 5 files changed, 25 insertions(+), 1 deletion(-)
 create mode 100644 packages/icons/src/library/filter.js

diff --git a/packages/block-editor/src/components/duotone-control/index.js b/packages/block-editor/src/components/duotone-control/index.js
index ebf31ad98dc437..3671e54c1112a0 100644
--- a/packages/block-editor/src/components/duotone-control/index.js
+++ b/packages/block-editor/src/components/duotone-control/index.js
@@ -10,6 +10,7 @@ import {
 } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { DOWN } from '@wordpress/keycodes';
+import { Icon, filter } from '@wordpress/icons';
 
 function DuotoneControl( {
 	colorPalette,
@@ -41,7 +42,13 @@ function DuotoneControl( {
 						aria-expanded={ isOpen }
 						onKeyDown={ openOnArrowDown }
 						label={ __( 'Apply duotone filter' ) }
-						icon={ <DuotoneSwatch values={ value } /> }
+						icon={
+							value ? (
+								<DuotoneSwatch values={ value } />
+							) : (
+								<Icon icon={ filter } />
+							)
+						}
 					/>
 				);
 			} }
diff --git a/packages/components/src/custom-gradient-bar/index.js b/packages/components/src/custom-gradient-bar/index.js
index 87b14cac434d67..09afb5ef6e1eb9 100644
--- a/packages/components/src/custom-gradient-bar/index.js
+++ b/packages/components/src/custom-gradient-bar/index.js
@@ -142,6 +142,7 @@ export default function CustomGradientBar( {
 							disableAlpha={ disableAlpha }
 							insertPosition={ gradientBarState.insertPosition }
 							value={ controlPoints }
+							label="test"
 							onChange={ onChange }
 							onOpenInserter={ () => {
 								gradientBarStateDispatch( {
diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md
index 4655d0ee7a5a3b..6f7431541e1dd1 100644
--- a/packages/icons/CHANGELOG.md
+++ b/packages/icons/CHANGELOG.md
@@ -1,6 +1,9 @@
 <!-- Learn how to maintain this file at https://github.com/WordPress/gutenberg/tree/HEAD/packages#maintaining-changelogs. -->
 
 ## Unreleased
+### New Features
+
+-   Add new `filter` icon.
 
 ## 8.2.0 (2022-04-08)
 
diff --git a/packages/icons/src/index.js b/packages/icons/src/index.js
index 32d4cfe14bfdf2..023908cbbddc76 100644
--- a/packages/icons/src/index.js
+++ b/packages/icons/src/index.js
@@ -67,6 +67,7 @@ export { default as download } from './library/download';
 export { default as edit } from './library/edit';
 export { default as external } from './library/external';
 export { default as file } from './library/file';
+export { default as filter } from './library/filter';
 export { default as flipHorizontal } from './library/flip-horizontal';
 export { default as flipVertical } from './library/flip-vertical';
 export { default as formatBold } from './library/format-bold';
diff --git a/packages/icons/src/library/filter.js b/packages/icons/src/library/filter.js
new file mode 100644
index 00000000000000..91d5b69308856a
--- /dev/null
+++ b/packages/icons/src/library/filter.js
@@ -0,0 +1,12 @@
+/**
+ * WordPress dependencies
+ */
+import { Path, SVG } from '@wordpress/primitives';
+
+const filter = (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+		<Path d="M12 4 4 19h16L12 4zm0 3.2 5.5 10.3H12V7.2z" />
+	</SVG>
+);
+
+export default filter;

From ed97c743d860e2d90c9d299eb45d2efd70dffb56 Mon Sep 17 00:00:00 2001
From: jasmussen <joen@automattic.com>
Date: Tue, 19 Apr 2022 11:07:31 +0200
Subject: [PATCH 2/3] Update changelog.

---
 packages/icons/CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md
index 6f7431541e1dd1..95b694cc5b1ba1 100644
--- a/packages/icons/CHANGELOG.md
+++ b/packages/icons/CHANGELOG.md
@@ -3,7 +3,7 @@
 ## Unreleased
 ### New Features
 
--   Add new `filter` icon.
+-   Add new `filter` icon. ([#40435](https://github.com/WordPress/gutenberg/pull/40435))
 
 ## 8.2.0 (2022-04-08)
 

From 0985e0fc3b7cfed81f688cea37f247c94c3b4d4c Mon Sep 17 00:00:00 2001
From: Alex Lende <alex@lende.xyz>
Date: Tue, 19 Apr 2022 15:13:52 -0500
Subject: [PATCH 3/3] Remove test label

---
 packages/components/src/custom-gradient-bar/index.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/components/src/custom-gradient-bar/index.js b/packages/components/src/custom-gradient-bar/index.js
index 09afb5ef6e1eb9..87b14cac434d67 100644
--- a/packages/components/src/custom-gradient-bar/index.js
+++ b/packages/components/src/custom-gradient-bar/index.js
@@ -142,7 +142,6 @@ export default function CustomGradientBar( {
 							disableAlpha={ disableAlpha }
 							insertPosition={ gradientBarState.insertPosition }
 							value={ controlPoints }
-							label="test"
 							onChange={ onChange }
 							onOpenInserter={ () => {
 								gradientBarStateDispatch( {