Icons updated

src/__tests__/widgets/walletModal.test.tsx

@@ -335,7 +335,7 @@ it("renders ConnectModal correctly", () => {
             </svg>
           </button>
           <button
-            class="sc-gKsewC hUerIb"
+            class="sc-gKsewC jXrrij"
             id="wallet-connect-binance chain wallet"
             scale="md"
             style="justify-content: space-between;"
@@ -400,6 +400,38 @@ it("renders ConnectModal correctly", () => {
               />
             </svg>
           </button>
+          <button
+            class="sc-gKsewC hUerIb"
+            id="wallet-connect-safepal wallet"
+            scale="md"
+            style="justify-content: space-between;"
+            width="100%"
+          >
+            <div
+              class="sc-bdfBwQ fEwDKZ"
+              color="primary"
+            >
+              SafePal Wallet
+            </div>
+            <svg
+              class="sc-dlfnbm cqTLJf"
+              color="text"
+              viewBox="0 0 96 96"
+              width="32px"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <circle
+                cx="48"
+                cy="48"
+                fill="#F5F5F5"
+                r="48"
+              />
+              <path
+                d="M56.5504425,41.9387033 L56.5504425,50.4659601 L47.3948342,50.4659601 L47.3948342,85.5971142 L45.0078131,84.7075452 C43.8992633,84.2955753 42.1136272,83.5937969 39.9052997,82.5918134 L38.8675775,82.1177881 L38.8675775,14.6817622 L47.9569067,11.8769231 L56.5504425,14.5267861 L56.5504425,23.7259307 L47.9569067,21.0669705 L47.3948342,21.2411155 L47.3948342,41.9387033 L56.5504425,41.9387033 Z M16,50.4659926 L16,21.7739797 L36.1702794,15.548296 L36.1702794,24.7052039 L24.526282,28.3200122 L24.526282,41.9387358 L36.1702794,41.9387358 L36.1702794,81.3806284 L33.591244,80.0543973 C25.5662786,75.923652 16,68.9585019 16,59.2339983 L16,54.6496962 L24.526282,54.6496962 L24.526282,59.2339983 C24.526282,61.2460878 25.5734263,63.3605199 27.6426978,65.5373324 L27.6426978,50.4659926 L16,50.4659926 Z M59.1389325,15.3302574 L79.8040306,21.7261873 L79.8040306,50.4659601 L67.6710627,50.4659601 L67.6710627,62.9111544 C67.6710627,62.9111544 64.9581695,66.4674811 59.1464051,69.4451657 C59.1464051,67.0682164 59.1389325,15.3302574 59.1389325,15.3302574 Z M71.2780734,41.9387033 L71.2780734,28.2783928 L67.6710627,27.1649695 L67.6710627,41.9387033 L71.2780734,41.9387033 Z M71.2780734,59.8661186 L71.2780734,54.6495662 L79.8040306,54.6495662 L79.8040306,59.8661186 C79.8040306,74.3588162 58.7760221,82.7005566 52.330058,84.9127828 L49.9859233,85.7230769 L49.9859233,76.7068496 L51.1311866,76.2744112 C61.1591444,72.5004032 71.2780734,65.962818 71.2780734,59.8661186 Z"
+                fill="#000000"
+              />
+            </svg>
+          </button>
           <a
             class="sc-bdfBwQ sc-gsTCUz eiaRqE djpNeP sc-crrsfI dwTIxE"
             color="primary"

src/components/Svg/Icons/Add.tsx

@@ -4,8 +4,11 @@ import { SvgProps } from "../types";
 
 const Icon: React.FC<SvgProps> = (props) => {
   return (
-    <Svg viewBox="0 0 24 24" {...props}>
-      <path d="M18 13H13V18C13 18.55 12.55 19 12 19C11.45 19 11 18.55 11 18V13H6C5.45 13 5 12.55 5 12C5 11.45 5.45 11 6 11H11V6C11 5.45 11.45 5 12 5C12.55 5 13 5.45 13 6V11H18C18.55 11 19 11.45 19 12C19 12.55 18.55 13 18 13Z" />
+    <Svg viewBox="0 0 14 14" {...props}>
+      <path
+        d="M13 8L8 8V13C8 13.55 7.55 14 7 14C6.45 14 6 13.55 6 13V8L1 8C0.45 8 0 7.55 0 7C0 6.45 0.45 6 1 6L6 6V1C6 0.45 6.45 0 7 0C7.55 0 8 0.45 8 1V6L13 6C13.55 6 14 6.45 14 7C14 7.55 13.55 8 13 8Z"
+        fill="#1FC7D4"
+      />
     </Svg>
   );
 };

src/components/Svg/Icons/Calculate.tsx

@@ -4,18 +4,18 @@ import { SvgProps } from "../types";
 
 const Icon: React.FC<SvgProps> = (props) => {
   return (
-    <Svg viewBox="0 0 25 24" {...props}>
+    <Svg viewBox="0 0 18 18" {...props}>
       <path
-        d="M19.2 3H5.19995C4.09995 3 3.19995 3.9 3.19995 5V19C3.19995 20.1 4.09995 21 5.19995 21H19.2C20.3 21 21.2 20.1 21.2 19V5C21.2 3.9 20.3 3 19.2 3ZM19.2 19H5.19995V5H19.2V19Z"
-        fill="#1FC7D4"
+        d="M16 0H2C0.9 0 0 0.9 0 2V16C0 17.1 0.9 18 2 18H16C17.1 18 18 17.1 18 16V2C18 0.9 17.1 0 16 0ZM16 16H2V2H16V16Z"
+        fill="#191326"
       />
-      <path d="M11.45 7.72021H6.44995V9.22022H11.45V7.72021Z" fill="#1FC7D4" />
-      <path d="M18.2 15.75H13.2V17.25H18.2V15.75Z" fill="#1FC7D4" />
-      <path d="M18.2 13.25H13.2V14.75H18.2V13.25Z" fill="#1FC7D4" />
-      <path d="M8.19995 18H9.69995V16H11.7V14.5H9.69995V12.5H8.19995V14.5H6.19995V16H8.19995V18Z" fill="#1FC7D4" />
+      <path d="M8.25 4.72H3.25V6.22H8.25V4.72Z" fill="#191326" />
+      <path d="M15 12.75H10V14.25H15V12.75Z" fill="#191326" />
+      <path d="M15 10.25H10V11.75H15V10.25Z" fill="#191326" />
+      <path d="M5 15H6.5V13H8.5V11.5H6.5V9.5H5V11.5H3V13H5V15Z" fill="#191326" />
       <path
-        d="M14.29 10.95L15.7 9.54L17.11 10.95L18.17 9.89L16.76 8.47L18.17 7.06L17.11 6L15.7 7.41L14.29 6L13.23 7.06L14.64 8.47L13.23 9.89L14.29 10.95Z"
-        fill="#1FC7D4"
+        d="M11.09 7.95L12.5 6.54L13.91 7.95L14.97 6.89L13.56 5.47L14.97 4.06L13.91 3L12.5 4.41L11.09 3L10.03 4.06L11.44 5.47L10.03 6.89L11.09 7.95Z"
+        fill="#191326"
       />
     </Svg>
   );

src/components/Svg/Icons/Minus.tsx

@@ -4,8 +4,11 @@ import { SvgProps } from "../types";
 
 const Icon: React.FC<SvgProps> = (props) => {
   return (
-    <Svg viewBox="0 0 15 2" {...props}>
-      <path d="M13.2 2L1.20004 2C0.650043 2 0.200043 1.55 0.200043 1C0.200043 0.45 0.650043 0 1.20004 0L13.2 0C13.75 0 14.2 0.45 14.2 1C14.2 1.55 13.75 2 13.2 2Z" />
+    <Svg viewBox="0 0 14 2" {...props}>
+      <path
+        d="M13 2L1 2C0.45 2 0 1.55 0 1C0 0.45 0.45 0 1 0L13 0C13.55 0 14 0.45 14 1C14 1.55 13.55 2 13 2Z"
+        fill="#1FC7D4"
+      />
     </Svg>
   );
 };