ubie-oss · takanorip · Sep 6, 2024 · Sep 6, 2024
diff --git a/assets/arrowC-down-fill-icon.svg b/assets/arrowC-down-fill-icon.svg
diff --git a/assets/arrowC-left-fill-icon.svg b/assets/arrowC-left-fill-icon.svg
diff --git a/assets/arrowC-right-fill-icon.svg b/assets/arrowC-right-fill-icon.svg
diff --git a/assets/arrowC-up-fill-icon.svg b/assets/arrowC-up-fill-icon.svg
diff --git a/assets/checkB-fill-icon.svg b/assets/checkB-fill-icon.svg
diff --git a/assets/credit-card-icon.svg b/assets/credit-card-icon.svg
diff --git a/assets/mic-icon.svg b/assets/mic-icon.svg
diff --git a/assets/mic-mute-icon.svg b/assets/mic-mute-icon.svg
diff --git a/assets/square-icon.svg b/assets/square-icon.svg
diff --git a/assets/ubie-icon.svg b/assets/ubie-icon.svg
diff --git a/src/ArrowCDownFillIcon.tsx b/src/ArrowCDownFillIcon.tsx
@@ -0,0 +1,12 @@
+import type { SVGProps } from 'react';
+const SvgArrowCDownFillIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m6.293-1.707a1 1 0 0 1 1.414 0L12 13.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowCDownFillIcon;
diff --git a/src/ArrowCLeftFillIcon.tsx b/src/ArrowCLeftFillIcon.tsx
@@ -0,0 +1,12 @@
+import type { SVGProps } from 'react';
+const SvgArrowCLeftFillIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m12.707-4.707a1 1 0 0 1 0 1.414L10.414 12
6D4E
l3.293 3.293a1 1 0 0 1-1.414 1.414l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowCLeftFillIcon;
diff --git a/src/ArrowCRightFillIcon.tsx b/src/ArrowCRightFillIcon.tsx
@@ -0,0 +1,12 @@
+import type { SVGProps } from 'react';
+const SvgArrowCRightFillIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m9.293-4.707a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L13.586 12l-3.293-3.293a1 1 0 0 1 0-1.414"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowCRightFillIcon;
diff --git a/src/ArrowCUpFillIcon.tsx b/src/ArrowCUpFillIcon.tsx
@@ -0,0 +1,12 @@
+import type { SVGProps } from 'react';
+const SvgArrowCUpFillIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m11-1.586-3.293 3.293a1 1 0 0 1-1.414-1.414l4-4a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowCUpFillIcon;
diff --git a/src/CheckBFillIcon.tsx b/src/CheckBFillIcon.tsx
@@ -1,10 +1,11 @@
 import type { SVGProps } from 'react';
 const SvgCheckBFillIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" {...props}>
-    <path fill="currentColor" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10" />
     <path
-      fill="#fff"
-      d="M16.707 10.707a1 1 0 0 0-1.414-1.414L11 13.586l-2.293-2.293a1 1 0 0 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0z"
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-5.293-2.707a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L11 13.586l4.293-4.293a1 1 0 0 1 1.414 0"
+      clipRule="evenodd"
     />
   </svg>
 );

diff --git a/src/CreditCardIcon.tsx b/src/CreditCardIcon.tsx
@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgCreditCardIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M22 6v12q0 .824-.587 1.413A1.93 1.93 0 0 1 20 20H4q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h16q.824 0 1.413.588Q22 5.175 22 6M4 8h16V6H4zm0 4v6h16v-6z"
+    />
+  </svg>
+);
+export default SvgCreditCardIcon;
diff --git a/src/MicIcon.tsx b/src/MicIcon.tsx
@@ -0,0 +1,16 @@
+import type { SVGProps } from 'react';
+const SvgMicIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M8 6a4 4 0 1 1 8 0v6a4 4 0 0 1-8 0zm6 0v6a2 2 0 1 1-4 0V6a2 2 0 1 1 4 0"
+      clipRule="evenodd"
+    />
+    <path
+      fill="currentColor"
+      d="M7 12a1 1 0 1 0-2 0 7 7 0 0 0 6 6.93V20H9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-2v-1.07A7 7 0 0 0 19 12a1 1 0 1 0-2 0 5 5 0 0 1-10 0"
+    />
+  </svg>
+);
+export default SvgMicIcon;
diff --git a/src/MicMuteIcon.tsx b/src/MicMuteIcon.tsx
@@ -0,0 +1,16 @@
+import type { SVGProps } from 'react';
+const SvgMicMuteIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M8 9.414 2.293 3.707a1 1 0 0 1 1.414-1.414l18 18a1 1 0 0 1-1.414 1.414l-4.1-4.1A6.97 6.97 0 0 1 13 18.928V20h2a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2h2v-1.07A7 7 0 0 1 5 12a1 1 0 1 1 2 0 5 5 0 0 0 7.757 4.172l-.725-.726A4 4 0 0 1 8 12zm4.518 4.518A2 2 0 0 1 10 12v-.586z"
+      clipRule="evenodd"
+    />
+    <path
+      fill="currentColor"
+      d="M14 6v4.586l1.963 1.963q.036-.27.037-.549V6a4 4 0 0 0-7.81-1.224L10 6.586V6a2 2 0 1 1 4 0M16.804 13.39l1.55 1.55c.415-.894.646-1.89.646-2.94a1 1 0 1 0-2 0c0 .482-.068.949-.196 1.39"
+    />
+  </svg>
+);
+export default SvgMicMuteIcon;
diff --git a/src/SquareIcon.tsx b/src/SquareIcon.tsx
@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgSquareIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M3 4.8A1.8 1.8 0 0 1 4.8 3h14.4A1.8 1.8 0 0 1 21 4.8v14.4a1.8 1.8 0 0 1-1.8 1.8H4.8A1.8 1.8 0 0 1 3 19.2z"
+    />
+  </svg>
+);
+export default SvgSquareIcon;