Merge pull request #1291 from push-protocol/icon-fix

Icon fix
push-protocol · May 16, 2024 · 69b0158 · 69b0158
2 parents 2496d55 + 230bb4f
commit 69b0158
Show file tree

Hide file tree

Showing 4 changed files with 137 additions and 73 deletions.
diff --git a/packages/uiweb/src/lib/components/notification/index.tsx b/packages/uiweb/src/lib/components/notification/index.tsx
@@ -410,7 +410,7 @@ const BlockchainContainer = styled.div`
 `;
 
 const ChainIconSVG = styled.div<OffsetWidthType>`
-  width: 33px;
+  width: 28px;
   height: 28px;
 
   svg,

diff --git a/packages/uiweb/src/lib/icons/CyberConnect.tsx b/packages/uiweb/src/lib/icons/CyberConnect.tsx
@@ -3,38 +3,55 @@ import { SVGProps } from 'react';
 
 export const CyberConnectIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
-    width={33}
-    height={33}
-    fill="none"
+    data-name="Layer 1"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
     {...props}
   >
-    <g clipPath="url(#a)">
+    <defs>
+      <clipPath id="a">
+        <path
+          style={{
+            fill: "none",
+            strokeWidth: 0,
+          }}
+          d="M.4.5h23.2v23.1H.4z"
+        />
+      </clipPath>
+    </defs>
+    <g
+      style={{
+        clipPath: "url(#a)",
+      }}
+    >
       <path
-        d="M16.038 10.39c3.164 0 5.729 2.558 5.729 5.713 0 3.155-2.565 5.714-5.729 5.714-3.163 0-5.728-2.558-5.728-5.714 0-3.155 2.565-5.713 5.728-5.713Zm0-10.285c-2.16 0-4.261.424-6.246 1.261A15.958 15.958 0 0 0 4.697 4.79a15.913 15.913 0 0 0-3.433 5.082A15.871 15.871 0 0 0 0 16.103c0 2.156.425 4.251 1.264 6.23a15.911 15.911 0 0 0 3.433 5.083 15.957 15.957 0 0 0 5.095 3.424 15.981 15.981 0 0 0 6.246 1.261c2.161 0 4.262-.424 6.247-1.26a15.958 15.958 0 0 0 5.095-3.425 15.912 15.912 0 0 0 3.432-5.082 15.871 15.871 0 0 0 1.265-6.23c0-2.156-.425-4.252-1.265-6.232A15.915 15.915 0 0 0 27.38 4.79a15.96 15.96 0 0 0-5.095-3.424A15.981 15.981 0 0 0 16.038.105Z"
-        fill="#B7F7B0"
+        d="M12 7.9c2.3 0 4.1 1.8 4.1 4.1s-1.9 4.1-4.1 4.1-4.1-1.8-4.1-4.1S9.8 7.9 12 7.9Zm0-7.4c-1.6 0-3.1.3-4.5.9-1.4.6-2.6 1.4-3.7 2.5S1.9 6.2 1.3 7.6C.7 9 .4 10.5.4 12.1s.3 3.1.9 4.5c.6 1.4 1.4 2.6 2.5 3.7s2.3 1.9 3.7 2.5c1.4.6 2.9.9 4.5.9s3.1-.3 4.5-.9c1.4-.6 2.6-1.4 3.7-2.5s1.9-2.3 2.5-3.7c.6-1.4.9-2.9.9-4.5s-.3-3.1-.9-4.5c-.6-1.4-1.4-2.6-2.5-3.7S17.9 2 16.5 1.4C15.1.8 13.6.5 12 .5Z"
+        style={{
+          fill: "#b7f7b0",
+          strokeWidth: 0,
+        }}
       />
       <path
-        d="M16.038 10.39c3.164 0 5.729 2.558 5.729 5.713 0 3.155-2.565 5.714-5.729 5.714-3.163 0-5.728-2.558-5.728-5.714 0-3.155 2.565-5.713 5.728-5.713Zm0-6.857c-6.948 0-12.601 5.64-12.601 12.57 0 6.93 5.653 12.57 12.601 12.57 6.949 0 12.602-5.64 12.602-12.57 0-6.93-5.653-12.57-12.602-12.57Z"
-        fill="#07DC10"
+        d="M12 7.9c2.3 0 4.1 1.8 4.1 4.1s-1.9 4.1-4.1 4.1-4.1-1.8-4.1-4.1S9.8 7.9 12 7.9Zm0-5C7 2.9 2.9 7 2.9 12S7 21.1 12 21.1s9.1-4.1 9.1-9.1S17 2.9 12 2.9Z"
+        style={{
+          fill: "#07dc10",
+          strokeWidth: 0,
+        }}
       />
       <path
-        d="M16.039 10.39c3.163 0 5.728 2.558 5.728 5.713 0 3.155-2.565 5.714-5.728 5.714-3.164 0-5.728-2.558-5.728-5.714 0-3.155 2.564-5.714 5.728-5.714Zm0-3.429c-5.054 0-9.165 4.101-9.165 9.142 0 5.041 4.111 9.142 9.165 9.142 5.053 0 9.164-4.101 9.164-9.142 0-5.04-4.11-9.142-9.164-9.142Z"
-        fill="#0C9B00"
+        d="M12 7.9c2.3 0 4.1 1.8 4.1 4.1s-1.9 4.1-4.1 4.1-4.1-1.8-4.1-4.1S9.8 7.9 12 7.9Zm0-2.5c-3.6 0-6.6 3-6.6 6.6s3 6.6 6.6 6.6 6.6-3 6.6-6.6-3-6.6-6.6-6.6Z"
+        style={{
+          fill: "#0c9b00",
+          strokeWidth: 0,
+        }}
       />
       <path
-        d="M16.038 10.39c3.163 0 5.728 2.558 5.728 5.713 0 3.155-2.564 5.714-5.728 5.714-3.163 0-5.728-2.558-5.728-5.714 0-3.155 2.565-5.714 5.728-5.714Z"
-        fill="#EAEAEA"
+        d="M12 7.9c2.3 0 4.1 1.8 4.1 4.1s-1.9 4.1-4.1 4.1-4.1-1.8-4.1-4.1S9.8 7.9 12 7.9Z"
+        style={{
+          strokeWidth: 0,
+          fill: "#eaeaea",
+        }}
       />
     </g>
-    <defs>
-      <clipPath id="a">
-        <path
-          fill="#fff"
-          transform="translate(0 .105)"
-          d="M0 0h32.151v32H0z"
-        />
-      </clipPath>
-    </defs>
   </svg>
-);
+)
diff --git a/packages/uiweb/src/lib/icons/CyberConnectSVG.tsx b/packages/uiweb/src/lib/icons/CyberConnectSVG.tsx
@@ -1,42 +1,57 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
 
-export const CyberConnectSVG = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      width={33}
-      height={33}
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <g clipPath="url(#a)">
-        <path
-          d="M16.038 10.39c3.164 0 5.729 2.558 5.729 5.713 0 3.155-2.565 5.714-5.729 5.714-3.163 0-5.728-2.558-5.728-5.714 0-3.155 2.565-5.713 5.728-5.713Zm0-10.285c-2.16 0-4.261.424-6.246 1.261A15.958 15.958 0 0 0 4.697 4.79a15.913 15.913 0 0 0-3.433 5.082A15.871 15.871 0 0 0 0 16.103c0 2.156.425 4.251 1.264 6.23a15.911 15.911 0 0 0 3.433 5.083 15.957 15.957 0 0 0 5.095 3.424 15.981 15.981 0 0 0 6.246 1.261c2.161 0 4.262-.424 6.247-1.26a15.958 15.958 0 0 0 5.095-3.425 15.912 15.912 0 0 0 3.432-5.082 15.871 15.871 0 0 0 1.265-6.23c0-2.156-.425-4.252-1.265-6.232A15.915 15.915 0 0 0 27.38 4.79a15.96 15.96 0 0 0-5.095-3.424A15.981 15.981 0 0 0 16.038.105Z"
-          fill="#B7F7B0"
-        />
-        <path
-          d="M16.038 10.39c3.164 0 5.729 2.558 5.729 5.713 0 3.155-2.565 5.714-5.729 5.714-3.163 0-5.728-2.558-5.728-5.714 0-3.155 2.565-5.713 5.728-5.713Zm0-6.857c-6.948 0-12.601 5.64-12.601 12.57 0 6.93 5.653 12.57 12.601 12.57 6.949 0 12.602-5.64 12.602-12.57 0-6.93-5.653-12.57-12.602-12.57Z"
-          fill="#07DC10"
-        />
-        <path
-          d="M16.039 10.39c3.163 0 5.728 2.558 5.728 5.713 0 3.155-2.565 5.714-5.728 5.714-3.164 0-5.728-2.558-5.728-5.714 0-3.155 2.564-5.714 5.728-5.714Zm0-3.429c-5.054 0-9.165 4.101-9.165 9.142 0 5.041 4.111 9.142 9.165 9.142 5.053 0 9.164-4.101 9.164-9.142 0-5.04-4.11-9.142-9.164-9.142Z"
-          fill="#0C9B00"
-        />
+export const CyberConnectSVG = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    data-name="Layer 1"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <defs>
+      <clipPath id="a">
         <path
-          d="M16.038 10.39c3.163 0 5.728 2.558 5.728 5.713 0 3.155-2.564 5.714-5.728 5.714-3.163 0-5.728-2.558-5.728-5.714 0-3.155 2.565-5.714 5.728-5.714Z"
-          fill="#EAEAEA"
+          style={{
+            fill: "none",
+            strokeWidth: 0,
+          }}
+          d="M.4.5h23.2v23.1H.4z"
         />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path
-            fill="#fff"
-            transform="translate(0 .105)"
-            d="M0 0h32.151v32H0z"
-          />
-        </clipPath>
-      </defs>
-    </svg>
-  );
-};
+      </clipPath>
+    </defs>
+    <g
+      style={{
+        clipPath: "url(#a)",
+      }}
+    >
+      <path
+        d="M12 7.9c2.3 0 4.1 1.8 4.1 4.1s-1.9 4.1-4.1 4.1-4.1-1.8-4.1-4.1S9.8 7.9 12 7.9Zm0-7.4c-1.6 0-3.1.3-4.5.9-1.4.6-2.6 1.4-3.7 2.5S1.9 6.2 1.3 7.6C.7 9 .4 10.5.4 12.1s.3 3.1.9 4.5c.6 1.4 1.4 2.6 2.5 3.7s2.3 1.9 3.7 2.5c1.4.6 2.9.9 4.5.9s3.1-.3 4.5-.9c1.4-.6 2.6-1.4 3.7-2.5s1.9-2.3 2.5-3.7c.6-1.4.9-2.9.9-4.5s-.3-3.1-.9-4.5c-.6-1.4-1.4-2.6-2.5-3.7S17.9 2 16.5 1.4C15.1.8 13.6.5 12 .5Z"
+        style={{
+          fill: "#b7f7b0",
+          strokeWidth: 0,
+        }}
+      />
+      <path
+        d="M12 7.9c2.3 0 4.1 1.8 4.1 4.1s-1.9 4.1-4.1 4.1-4.1-1.8-4.1-4.1S9.8 7.9 12 7.9Zm0-5C7 2.9 2.9 7 2.9 12S7 21.1 12 21.1s9.1-4.1 9.1-9.1S17 2.9 12 2.9Z"
+        style={{
+          fill: "#07dc10",
+          strokeWidth: 0,
+        }}
+      />
+      <path
+        d="M12 7.9c2.3 0 4.1 1.8 4.1 4.1s-1.9 4.1-4.1 4.1-4.1-1.8-4.1-4.1S9.8 7.9 12 7.9Zm0-2.5c-3.6 0-6.6 3-6.6 6.6s3 6.6 6.6 6.6 6.6-3 6.6-6.6-3-6.6-6.6-6.6Z"
+        style={{
+          fill: "#0c9b00",
+          strokeWidth: 0,
+        }}
+      />
+      <path
+        d="M12 7.9c2.3 0 4.1 1.8 4.1 4.1s-1.9 4.1-4.1 4.1-4.1-1.8-4.1-4.1S9.8 7.9 12 7.9Z"
+        style={{
+          strokeWidth: 0,
+          fill: "#eaeaea",
+        }}
+      />
+    </g>
+  </svg>
+)
diff --git a/packages/uiweb/src/lib/icons/cyberconnect.svg b/packages/uiweb/src/lib/icons/cyberconnect.svg