From b452f40e2f2b41f9f07e6d865ec0128f04e08022 Mon Sep 17 00:00:00 2001
From: Nidhi Kumari <nidhi.kumari@consensys.net>
Date: Fri, 7 Apr 2023 06:13:15 +0530
Subject: [PATCH] Update new send icon (#18411)

* updated send icon

* optimised svg

* updated enum
---
 app/images/icons/arrow-2-up-right.svg               | 3 +++
 ui/components/app/wallet-overview/eth-overview.js   | 2 +-
 ui/components/app/wallet-overview/token-overview.js | 2 +-
 ui/components/component-library/icon/icon.types.ts  | 1 +
 4 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 app/images/icons/arrow-2-up-right.svg

diff --git a/app/images/icons/arrow-2-up-right.svg b/app/images/icons/arrow-2-up-right.svg
new file mode 100644
index 000000000..cb97c42fd
--- /dev/null
+++ b/app/images/icons/arrow-2-up-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-2-up-right" viewBox="0 0 512 512">
+  <path d="m137 107c0-12 10-22 22-22l225 0c12 0 21 10 21 22l0 225c0 12-9 21-21 21-12 0-21-9-21-21l0-174-241 241c-9 8-22 8-30 0-9-8-9-22 0-30l240-241-173 0c-12 0-22-10-22-21z"/>
+</svg>
diff --git a/ui/components/app/wallet-overview/eth-overview.js b/ui/components/app/wallet-overview/eth-overview.js
index 0d3b37d81..8027e1e89 100644
--- a/ui/components/app/wallet-overview/eth-overview.js
+++ b/ui/components/app/wallet-overview/eth-overview.js
@@ -165,7 +165,7 @@ const EthOverview = ({ className }) => {
             data-testid="eth-overview-send"
             Icon={
               <Icon
-                name={ICON_NAMES.ARROW_2_RIGHT}
+                name={ICON_NAMES.ARROW_2_UP_RIGHT}
                 color={IconColor.primaryInverse}
               />
             }
diff --git a/ui/components/app/wallet-overview/token-overview.js b/ui/components/app/wallet-overview/token-overview.js
index c83a17f3b..a2d7728b1 100644
--- a/ui/components/app/wallet-overview/token-overview.js
+++ b/ui/components/app/wallet-overview/token-overview.js
@@ -139,7 +139,7 @@ const TokenOverview = ({ className, token }) => {
             }}
             Icon={
               <Icon
-                name={ICON_NAMES.ARROW_2_RIGHT}
+                name={ICON_NAMES.ARROW_2_UP_RIGHT}
                 color={IconColor.primaryInverse}
               />
             }
diff --git a/ui/components/component-library/icon/icon.types.ts b/ui/components/component-library/icon/icon.types.ts
index 80bfea9b9..f798ebbab 100644
--- a/ui/components/component-library/icon/icon.types.ts
+++ b/ui/components/component-library/icon/icon.types.ts
@@ -26,6 +26,7 @@ export enum IconName {
   Arrow2Left = 'arrow-2-left',
   Arrow2Right = 'arrow-2-right',
   Arrow2Up = 'arrow-2-up',
+  Arrow2UpRight = 'arrow-2-up-right',
   ArrowDoubleLeft = 'arrow-double-left',
   ArrowDoubleRight = 'arrow-double-right',
   ArrowDown = 'arrow-down',