From f1c34025ce76e639e2506629e751121adb6643e9 Mon Sep 17 00:00:00 2001
From: "Daniel W. Robert" <danielwrobert@users.noreply.github.com>
Date: Fri, 29 Jul 2022 15:40:03 -0400
Subject: [PATCH] Add new icon for mini cart block (#6784)

* Add new icon for mini cart block (inserter).

See https://github.com/woocommerce/woocommerce-blocks/issues/6617.

* Adjust size of SVG

The new SVG was rendering a little bit smaller than the original icon.
Potentially because of the mask and the artboard size.

This commit adjusts the size to render at the same size as the original
version of the icon in the inserter.
---
 assets/js/blocks/mini-cart/index.tsx      |  4 +--
 assets/js/icons/index.js                  |  1 +
 assets/js/icons/library/mini-cart-alt.tsx | 39 +++++++++++++++++++++++
 3 files changed, 42 insertions(+), 2 deletions(-)
 create mode 100644 assets/js/icons/library/mini-cart-alt.tsx

diff --git a/assets/js/blocks/mini-cart/index.tsx b/assets/js/blocks/mini-cart/index.tsx
index 3c22edff4..be74cc659 100644
--- a/assets/js/blocks/mini-cart/index.tsx
+++ b/assets/js/blocks/mini-cart/index.tsx
@@ -2,7 +2,7 @@
  * External dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { cart } from '@woocommerce/icons';
+import { miniCartAlt } from '@woocommerce/icons';
 import { Icon } from '@wordpress/icons';
 import { registerBlockType } from '@wordpress/blocks';
 import type { BlockConfiguration } from '@wordpress/blocks';
@@ -19,7 +19,7 @@ const settings: BlockConfiguration = {
 	icon: {
 		src: (
 			<Icon
-				icon={ cart }
+				icon={ miniCartAlt }
 				className="wc-block-editor-components-block-icon"
 			/>
 		),
diff --git a/assets/js/icons/index.js b/assets/js/icons/index.js
index 112f573f5..1dcedb31a 100644
--- a/assets/js/icons/index.js
+++ b/assets/js/icons/index.js
@@ -11,3 +11,4 @@ export { default as toggle } from './library/toggle';
 export { default as totals } from './library/totals';
 export { default as woo } from './library/woo';
 export { default as miniCart } from './library/mini-cart';
+export { default as miniCartAlt } from './library/mini-cart-alt';
diff --git a/assets/js/icons/library/mini-cart-alt.tsx b/assets/js/icons/library/mini-cart-alt.tsx
new file mode 100644
index 000000000..2e57b357f
--- /dev/null
+++ b/assets/js/icons/library/mini-cart-alt.tsx
@@ -0,0 +1,39 @@
+/**
+ * External dependencies
+ */
+import { SVG } from '@wordpress/primitives';
+
+const miniCartAlt = (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
+		<defs>
+			<mask
+				id="mask"
+				x="0"
+				y="0"
+				width="24.01"
+				height="24"
+				maskUnits="userSpaceOnUse"
+			>
+				<g
+					id="path-1-inside-1_928_1005"
+					data-name="path-1-inside-1 928 1005"
+				>
+					<path
+						d="M2,2V4H4l3.6,7.6L6.3,14A2,2,0,0,0,8,17H20V15H8l1.1-2h7.5a1.9,1.9,0,0,0,1.7-1l3.6-6.5A1,1,0,0,0,21,4H6.2L5.3,2ZM8,18a2,2,0,1,0,2,2A2,2,0,0,0,8,18Zm8,2a2,2,0,1,1,2,2A2,2,0,0,1,16,20Z"
+						fill="#fff"
+						fillRule="evenodd"
+					/>
+				</g>
+			</mask>
+		</defs>
+		<g mask="url(#mask)">
+			<path
+				d="M2,4H0V6H2ZM2,2V0H0V2ZM4,4l1.8-.9L5.3,2H4Zm3.6,7.6,1.7,1,.5-.9-.4-1ZM6.3,14l-1.8-.9h0ZM20,17v2h2V17Zm0-2h2V13H20ZM8,15,6.2,14,4.6,17H8Zm1.1-2V11H7.9l-.6,1Zm9.2-1-1.8-1h0Zm3.6-6.5-1.8-1h0ZM6.2,4l-1.8.9L4.9,6H6.2ZM5.3,2l1.8-.9L6.5,0H5.3ZM4,4V2H0V4ZM4,2H2V6H4Zm5.4,8.7L5.8,3.1,2.2,4.9l3.6,7.5ZM8,15l1.3-2.4-3.5-2L4.5,13.1Zm0,0H8L4.5,13.1A4,4,0,0,0,8,19Zm12,0H8v4H20Zm-2,0v2h4V15ZM8,17H20V13H8Zm-.7-5L6.2,14l3.6,2,1.1-2Zm9.3-1H9.1v4h7.5Zm-.1,0h.1v4a4,4,0,0,0,3.5-2.1Zm3.6-6.5L16.5,11l3.6,1.9,3.5-6.5ZM21,6a1,1,0,0,1-.9-1.5l3.5,2A3,3,0,0,0,21,2ZM6.2,6H21V2H6.2ZM3.5,2.9l.9,2L8,3.1l-.9-2ZM2,4H5.3V0H2ZM8,20H8V16a4,4,0,0,0-4,4Zm0,0H4a4,4,0,0,0,4,4Zm0,0v4a4,4,0,0,0,4-4Zm0,0h4a4,4,0,0,0-4-4Zm10-4a4,4,0,0,0-4,4h4Zm4,4a4,4,0,0,0-4-4v4Zm-4,4a4,4,0,0,0,4-4H18Zm-4-4a4,4,0,0,0,4,4V20H14Z"
+				fill="#7f54b3"
+			/>
+		</g>
+		<circle cx="20.2" cy="4.7" r="3.8" fill="#7f54b3" />
+	</SVG>
+);
+
+export default miniCartAlt;