[ui] add new icons (#12936)

![Screenshot 2024-10-15 at 5.48.25 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/94248b20-f0ef-4b7d-a88c-41bd583867d5.png) ![Screenshot 2024-10-15 at 5.48.27 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/4ec805c5-90c2-4b2f-a17c-04a93ae5e7c7.png) ![Screenshot 2024-10-15 at 5.48.43 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/3c4f401b-bcd0-4b3a-bb7d-f8682f2b9de6.png) ![Screenshot 2024-10-15 at 5.48.50 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/05bce4eb-02ed-407b-afd6-81ffe6df2d4e.png) ![Screenshot 2024-10-15 at 5.48.53 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/aee9c17b-c0a9-4c29-82a0-a77860ec7fa3.png) ![Screenshot 2024-10-15 at 5.49.07 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/2fcb053b-002e-45b6-91ef-805d4d99b5d3.png) ![Screenshot 2024-10-15 at 5.49.13 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/ea782d2f-9d30-40d3-8909-5fcf031d5250.png) GitOrigin-RevId: abca1f76fbab57e47ee938fdcd37a1b3639475ba
lightsparkdev · Oct 16, 2024 · f80b616 · f80b616
1 parent ced503d
commit f80b616
Show file tree

Hide file tree

Showing 9 changed files with 177 additions and 33 deletions.
diff --git a/packages/ui/src/icons/BrokenChainLink.tsx b/packages/ui/src/icons/BrokenChainLink.tsx
@@ -0,0 +1,23 @@
+// Copyright  ©, 2022, Lightspark Group, Inc. - All Rights Reserved
+
+import { type PathProps } from "./types.js";
+
+export function BrokenChainLink({ strokeWidth = "1" }: PathProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="100%"
+      viewBox="0 0 40 40"
+      fill="none"
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M9.59613 1.71666C10.4891 1.49342 11.394 2.03636 11.6172 2.92934L12.4506 6.26267C12.6738 7.15567 12.1309 8.06056 11.2379 8.28381C10.3449 8.50706 9.44003 7.96413 9.21678 7.07113L8.38345 3.73779C8.1602 2.84481 8.70313 1.93991 9.59613 1.71666ZM30.8912 9.10938C27.6345 5.85274 22.3545 5.85274 19.0979 9.10938L19.0902 9.11712L17.8377 10.3531C17.1827 10.9997 16.1274 10.9928 15.4808 10.3376C14.8342 9.68249 14.8412 8.62724 15.4963 7.98067L16.745 6.74826C21.3037 2.19397 28.6912 2.19534 33.2482 6.75234C37.8054 11.3094 37.8065 18.697 33.2522 23.2558L33.2482 23.2597L32.0199 24.5043C31.3734 25.1595 30.318 25.1663 29.663 24.5198C29.0079 23.8732 29.0009 22.818 29.6474 22.1628L30.8912 20.9027C34.1479 17.646 34.1479 12.366 30.8912 9.10938ZM1.71678 9.59601C1.94003 8.70302 2.84492 8.16009 3.73792 8.38332L7.07125 9.21666C7.96423 9.43991 8.50717 10.3448 8.28392 11.2378C8.06068 12.1308 7.15578 12.6737 6.2628 12.4505L2.92947 11.6171C2.03647 11.3939 1.49353 10.489 1.71678 9.59601ZM10.3377 15.4807C10.9929 16.1272 10.9998 17.1825 10.3532 17.8377L9.10952 19.0978C5.85288 22.3545 5.85287 27.6345 9.10948 30.8912C12.3661 34.1477 17.6462 34.1477 20.9027 30.8912L20.9105 30.8833L22.163 29.6473C22.818 29.0007 23.8734 29.0077 24.5199 29.6628C25.1665 30.318 25.1595 31.3732 24.5044 32.0198L23.2599 33.2482L23.2557 33.2522C18.697 37.8065 11.3095 37.8052 6.75247 33.2482C2.19543 28.691 2.1941 21.3035 6.74847 16.7448L7.98078 15.4962C8.62737 14.841 9.68262 14.8341 10.3377 15.4807ZM31.7169 28.7627C31.94 27.8697 32.8449 27.3267 33.7379 27.55L37.0712 28.3833C37.9642 28.6065 38.5072 29.5115 38.2839 30.4045C38.0607 31.2975 37.1559 31.8403 36.2629 31.6172L32.9295 30.7838C32.0365 30.5605 31.4935 29.6557 31.7169 28.7627ZM28.7629 31.7167C29.6559 31.4933 30.5607 32.0363 30.7839 32.9293L31.6172 36.2627C31.8405 37.1557 31.2975 38.0605 30.4045 38.2838C29.5115 38.507 28.6067 37.9642 28.3835 37.0712L27.5502 33.7378C27.3269 32.8448 27.8699 31.9398 28.7629 31.7167Z"
+        fill="currentColor"
+        stroke="currentColor"
+        strokeWidth={strokeWidth}
+      />
+    </svg>
+  );
+}
diff --git a/packages/ui/src/icons/CalendarClock.tsx b/packages/ui/src/icons/CalendarClock.tsx
@@ -0,0 +1,26 @@
+// Copyright  ©, 2022, Lightspark Group, Inc. - All Rights Reserved
+
+import { type PathProps } from "./types.js";
+
+export function CalendarClock({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round",
+}: PathProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="100%"
+      viewBox="0 0 20 20"
+      fill="none"
+    >
+      <path
+        d="M7.08337 16.6667H4.16671C3.70647 16.6667 3.33337 16.2936 3.33337 15.8333V5C3.33337 4.53977 3.70647 4.16667 4.16671 4.16667H15.8334C16.2936 4.16667 16.6667 4.53977 16.6667 5V7.08333M6.66671 4.16667V2.5M13.3334 4.16667V2.5M14.1667 12.5002V14.1666L15.4167 15.4168M12.5728 10.3182C14.6985 9.43767 17.1346 10.4473 18.0152 12.573C18.8957 14.6986 17.886 17.1346 15.7603 18.0152C13.6346 18.8957 11.1985 17.886 10.318 15.7603C9.43812 13.6354 10.4471 11.1987 12.5728 10.3182Z"
+        stroke="currentColor"
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+      />
+    </svg>
+  );
+}
diff --git a/packages/ui/src/icons/Copy.tsx b/packages/ui/src/icons/Copy.tsx
@@ -1,22 +1,12 @@
 // Copyright  ©, 2022, Lightspark Group, Inc. - All Rights Reserved
 
-import {
-  type PathLinecap,
-  type PathLinejoin,
-  type PathStrokeWidth,
-} from "./types.js";
-
-type CopyProps = {
-  strokeWidth?: PathStrokeWidth;
-  strokeLinecap?: PathLinecap;
-  strokeLinejoin?: PathLinejoin;
-};
+import { type PathProps } from "./types.js";
 
 export function Copy({
   strokeWidth = "1.5",
   strokeLinecap = "round",
   strokeLinejoin = "round",
-}: CopyProps) {
+}: PathProps) {
   return (
     <svg
       width="100%"

diff --git a/packages/ui/src/icons/Globus.tsx b/packages/ui/src/icons/Globus.tsx
@@ -0,0 +1,24 @@
+// Copyright  ©, 2022, Lightspark Group, Inc. - All Rights Reserved
+
+import { type PathProps } from "./types.js";
+
+export function Globus({
+  strokeWidth = "2",
+  strokeLinecap = "square",
+}: PathProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="100%"
+      viewBox="0 0 24 24"
+      fill="none"
+    >
+      <path
+        d="M21 12C21 16.9706 16.9706 21 12 21M21 12C21 7.02944 16.9706 3 12 3M21 12H3M12 21C7.02944 21 3 16.9706 3 12M12 21C9.79086 21 8 16.9706 8 12C8 7.02944 9.79086 3 12 3M12 21C14.2091 21 16 16.9706 16 12C16 7.02944 14.2091 3 12 3M12 3C7.02944 3 3 7.02944 3 12"
+        stroke="currentColor"
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+      />
+    </svg>
+  );
+}
diff --git a/packages/ui/src/icons/Limit.tsx b/packages/ui/src/icons/Limit.tsx
@@ -0,0 +1,26 @@
+// Copyright  ©, 2022, Lightspark Group, Inc. - All Rights Reserved
+
+import { type PathProps } from "./types.js";
+
+export function Limit({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round",
+}: PathProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="100%"
+      viewBox="0 0 20 20"
+      fill="none"
+    >
+      <path
+        d="M9.99883 10.8335L7.49887 8.3335M4.40956 15.8335C1.77112 12.8887 1.86683 8.36008 4.6967 5.5302C7.62563 2.60126 12.3743 2.60126 15.3033 5.5302C18.1332 8.36008 18.2289 12.8887 15.5904 15.8335"
+        stroke="currentColor"
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+      />
+    </svg>
+  );
+}
diff --git a/packages/ui/src/icons/LinkIcon.tsx b/packages/ui/src/icons/LinkIcon.tsx
@@ -1,31 +1,33 @@
 // Copyright  ©, 2022, Lightspark Group, Inc. - All Rights Reserved
 
-export function LinkIcon() {
+import { type PathProps } from "./types.js";
+
+export function LinkIcon({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round",
+}: PathProps) {
   return (
     <svg
+      xmlns="http://www.w3.org/2000/svg"
       width="100%"
-      viewBox="0 0 11 11"
+      viewBox="0 0 20 20"
       fill="none"
-      xmlns="http://www.w3.org/2000/svg"
     >
-      <g clipPath="url(#clip0_1880_31045)">
-        <path
-          d="M10.5 0.5L5.5 5.5M10.5 0.5V3.5M10.5 0.5H7.5"
-          stroke="currentColor"
-          strokeLinecap="round"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M5 1H2C0.895431 1 0 1.89543 0 3V9C0 10.1046 0.89543 11 2 11H8C9.10457 11 10 10.1046 10 9V6H9V9C9 9.55229 8.55229 10 8 10H2C1.44772 10 1 9.55229 1 9V3C1 2.44772 1.44772 2 2 2H5V1Z"
-          fill="currentColor"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_1880_31045">
-          <rect width="11" height="11" fill="currentColor" />
-        </clipPath>
-      </defs>
+      <path
+        d="M7.70833 3.125H4.45833C3.99162 3.125 3.75827 3.125 3.58001 3.21582C3.42321 3.29572 3.29572 3.42321 3.21582 3.58001C3.125 3.75827 3.125 3.99162 3.125 4.45833V15.5417C3.125 16.0084 3.125 16.2418 3.21582 16.42C3.29572 16.5768 3.42321 16.7043 3.58001 16.7842C3.75827 16.875 3.99162 16.875 4.45833 16.875H15.5417C16.0084 16.875 16.2418 16.875 16.42 16.7842C16.5768 16.7043 16.7043 16.5768 16.7842 16.42C16.875 16.2418 16.875 16.0084 16.875 15.5417V12.2917M11.4583 3.125H16.875M16.875 3.125V8.54167M16.875 3.125L9.16667 10.8333"
+        stroke="currentColor"
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+      />
+      <path
+        d="M7.70833 3.125H4.45833C3.99162 3.125 3.75827 3.125 3.58001 3.21582C3.42321 3.29572 3.29572 3.42321 3.21582 3.58001C3.125 3.75827 3.125 3.99162 3.125 4.45833V15.5417C3.125 16.0084 3.125 16.2418 3.21582 16.42C3.29572 16.5768 3.42321 16.7043 3.58001 16.7842C3.75827 16.875 3.99162 16.875 4.45833 16.875H15.5417C16.0084 16.875 16.2418 16.875 16.42 16.7842C16.5768 16.7043 16.7043 16.5768 16.7842 16.42C16.875 16.2418 16.875 16.0084 16.875 15.5417V12.2917M11.4583 3.125H16.875M16.875 3.125V8.54167M16.875 3.125L9.16667 10.8333"
+        stroke="currentColor"
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+      />
     </svg>
   );
 }
diff --git a/packages/ui/src/icons/SparklesSoft.tsx b/packages/ui/src/icons/SparklesSoft.tsx
@@ -0,0 +1,30 @@
+// Copyright  ©, 2023, Lightspark Group, Inc. - All Rights Reserved
+
+import { type PathProps } from "./types.js";
+
+export function SparklesSoft({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round",
+}: PathProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="100%"
+      viewBox="0 0 24 24"
+      fill="none"
+    >
+      <path
+        d="M19 13C14.0987 13.4243 11.4243 16.0987 11 21C10.5578 16.0225 7.89737 13.5547 3 13C7.97478 12.4262 10.4262 9.97478 11 5C11.5547 9.89737 14.0225 12.5578 19 13Z"
+        stroke="currentColor"
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+      />
+      <path
+        d="M18.8864 2.34512C18.8642 2.14869 18.6981 2.0002 18.5004 2C18.3027 1.9998 18.1363 2.14794 18.1137 2.34433C18.0082 3.25861 17.7367 3.88584 17.3113 4.31127C16.8858 4.7367 16.2586 5.00822 15.3443 5.11367C15.1479 5.13632 14.9998 5.30271 15 5.5004C15.0002 5.69809 15.1487 5.86417 15.3451 5.88642C16.2439 5.98823 16.8855 6.25969 17.3217 6.68804C17.7556 7.11407 18.0322 7.74041 18.1126 8.64552C18.1305 8.84634 18.2988 9.00023 18.5004 9C18.702 8.99977 18.8701 8.84551 18.8874 8.64465C18.9645 7.75483 19.2409 7.11438 19.6776 6.67764C20.1144 6.24091 20.7548 5.96446 21.6446 5.88744C21.8455 5.87005 21.9998 5.70205 22 5.50044C22.0002 5.29883 21.8463 5.13048 21.6455 5.11264C20.7404 5.03224 20.1141 4.75557 19.688 4.3217C19.2597 3.88545 18.9882 3.24394 18.8864 2.34512Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
diff --git a/packages/ui/src/icons/Zap.tsx b/packages/ui/src/icons/Zap.tsx
@@ -0,0 +1,17 @@
+// Copyright  ©, 2022, Lightspark Group, Inc. - All Rights Reserved
+
+export function Zap() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="100%"
+      viewBox="0 0 16 16"
+      fill="none"
+    >
+      <path
+        d="M9.33395 1.60194C9.33395 0.612524 8.05068 0.224007 7.50188 1.04724L2.12471 9.11298C1.68167 9.77751 2.15806 10.6677 2.95676 10.6677H6.66728V14.4001C6.66728 15.3895 7.95048 15.778 8.49928 14.9548L13.8765 6.88904C14.3195 6.2245 13.8431 5.33435 13.0444 5.33435H9.33395V1.60194Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
diff --git a/packages/ui/src/icons/index.tsx b/packages/ui/src/icons/index.tsx
@@ -19,6 +19,8 @@ export { ArrowUpRightCircleFill } from "./ArrowUpRightCircleFill.js";
 export { Bank } from "./Bank.js";
 export { BitcoinB } from "./BitcoinB.js";
 export { BitcoinBOnRoundedSquare } from "./BitcoinBOnRoundedSquare.js";
+export { BrokenChainLink } from "./BrokenChainLink.js";
+export { CalendarClock } from "./CalendarClock.js";
 export { CameraCapture } from "./CameraCapture.js";
 export { CaretRight } from "./CaretRight.js";
 export { CentralArrowShareRight } from "./CentralArrowShareRight.js";
@@ -53,6 +55,7 @@ export { FlutterTwoTone } from "./FlutterTwoTone.js";
 export { FramedLetterI } from "./FramedLetterI.js";
 export { Gear } from "./Gear.js";
 export { Github } from "./Github.js";
+export { Globus } from "./Globus.js";
 export { GoTwoTone } from "./GoTwoTone.js";
 export { GraphQLTwoTone } from "./GraphQLTwoTone.js";
 export { HeartOutline } from "./HeartOutline.js";
@@ -62,6 +65,7 @@ export { JavaScriptTwoTone } from "./JavaScriptTwoTone.js";
 export { JavaTwoTone } from "./JavaTwoTone.js";
 export { KotlinTwoTone } from "./KotlinTwoTone.js";
 export { LightningOnRoundedSquare } from "./LightningOnRoundedSquare.js";
+export { Limit } from "./Limit.js";
 export { LinkIcon } from "./LinkIcon.js";
 export { LoadingCircleLines } from "./LoadingCircleLines.js";
 export { LoadingSpinner } from "./LoadingSpinner.js";
@@ -103,6 +107,7 @@ export { Share } from "./Share.js";
 export { ShieldCheck } from "./ShieldCheck.js";
 export { Sidebar } from "./Sidebar.js";
 export { Sort } from "./Sort.js";
+export { SparklesSoft } from "./SparklesSoft.js";
 export { StackedLines } from "./StackedLines.js";
 export { SwiftTwoTone } from "./SwiftTwoTone.js";
 export { TapSingle } from "./TapSingle.js";
@@ -115,3 +120,4 @@ export { UmaBridgeLoadingTransparent } from "./UmaBridgeLoadingTransparent.js";
 export { Upload } from "./Upload.js";
 export { WalletSDKIcon } from "./WalletSDKIcon.js";
 export { WarningSign } from "./WarningSign.js";
+export { Zap } from "./Zap.js";