fix: [GSW-2040] HeaderMenu Icon Mobile

packages/web/src/components/common/header/wallet-connector-button/wallet-connector-menu/WalletConnectorMenu.tsx

@@ -6,8 +6,10 @@ import Link from "next/link";
 
 import { SOCIAL_WALLET_EXTERNAL_URL } from "@constants/external-url.contant";
 import Button, { ButtonHierarchy } from "@components/common/button/Button";
-import IconCopy from "@components/common/icons/IconCopy";
-import IconExit from "@components/common/icons/IconExit";
+import IconInfo from "@components/common/icons/IconInfo";
+import IconHeaderCopy from "@components/common/icons/IconHeaderCopy";
+import IconHeaderOpenLink from "@components/common/icons/IconHeaderOpenLink";
+import IconHeaderExit from "@components/common/icons/IconHeaderExit";
 import IconOpenLink from "@components/common/icons/IconOpenLink";
 import { LANGUAGES } from "@constants/common.constant";
 import ThemeModeContainer from "@containers/theme-mode-container/ThemeModeContainer";
@@ -34,7 +36,6 @@ import {
 import SocialWalletNotification from "./SocialWalletNotification";
 import { WalletTypeState } from "src/types/wallet.types";
 import RenderWalletIcon from "../RenderWalletIcon";
-import IconInfo from "@components/common/icons/IconInfo";
 import Tooltip from "@components/common/tooltip/Tooltip";
 
 interface IconButtonClickProps {
@@ -55,7 +56,7 @@ const IconButtonMaker: React.FC<IconButtonClickProps> = ({
   return (
     <>
       <IconButton onClick={copyClick}>
-        <IconCopy className="action-icon" />
+        <IconHeaderCopy className="action-icon" />
         {copied && (
           <CopyTooltip>
             <div className={`box ${themeKey}-shadow`}>
@@ -66,10 +67,10 @@ const IconButtonMaker: React.FC<IconButtonClickProps> = ({
         )}
       </IconButton>
       <IconButton onClick={openLinkClick}>
-        <IconOpenLink className="action-icon" />
+        <IconHeaderOpenLink className="action-icon" />
       </IconButton>
       <IconButton onClick={onClickDisconnect}>
-        <IconExit className="action-icon" />
+        <IconHeaderExit className="action-icon" />
       </IconButton>
     </>
   );

packages/web/src/components/common/icons/IconHeaderCopy.tsx

@@ -0,0 +1,22 @@
+const IconHeaderCopy = ({ className }: { className?: string }) => {
+  return (
+    <svg
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M16 1H4C2.9 1 2 1.9 2 3V17H4V3H16V1ZM19 5H8C6.9 5 6 5.9 6 7V21C6 22.1 6.9 23 8 23H19C20.1 23 21 22.1 21 21V7C21 5.9 20.1 5 19 5ZM8 21H19V7H8V21Z"
+        // fill="#C3D2EA" hover
+        fill="#90A2C0"
+      />
+    </svg>
+  );
+};
+
+export default IconHeaderCopy;

packages/web/src/components/common/icons/IconHeaderExit.tsx

@@ -0,0 +1,21 @@
+const IconHeaderExit = ({ className }: { className?: string }) => {
+  return (
+    <svg
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.6004 3.8C15.6004 2.80589 14.7945 2 13.8004 2H5.70039C4.70628 2 3.90039 2.80589 3.90039 3.8V18.2C3.90039 19.1941 4.70628 20 5.70039 20H13.8004C14.7945 20 15.6004 19.1941 15.6004 18.2V16.4H13.8004V18.2H5.70039V3.8H13.8004V5.6H15.6004V3.8ZM15.6004 12.8V15.5L20.1004 11L15.6004 6.5V9.2H9.30039V12.8H15.6004Z"
+        fill="#90A2C0"
+      />
+    </svg>
+  );
+};
+
+export default IconHeaderExit;

packages/web/src/components/common/icons/IconHeaderOpenLink.tsx

@@ -0,0 +1,21 @@
+const IconHeaderOpenLink = ({ className }: { className?: string }) => {
+  return (
+    <svg
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5 5V19H19V12H21V19C21 20.1 20.1 21 19 21H5C3.89 21 3 20.1 3 19V5C3 3.9 3.89 3 5 3H12V5H5ZM14.24 5V3H21.24V10H19.24V6.41L9.41 16.24L8 14.83L17.83 5H14.24Z"
+        fill="#90A2C0"
+      />
+    </svg>
+  );
+};
+
+export default IconHeaderOpenLink;