feat:🎸 update icons from figma (#4)

Signed-off-by: GitHub <[email protected]> Co-authored-by: igreenwood <[email protected]>
ubie-oss · Sep 5, 2024 · 229cac2 · 229cac2
1 parent f4675cd
commit 229cac2
Show file tree

Hide file tree

Showing 207 changed files with 2,357 additions and 1,046 deletions.
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/AccountIcon.tsx b/src/AccountIcon.tsx
@@ -1,12 +1,18 @@
-import type { SVGProps } from 'react';
-const SvgAccountIcon = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" {...props}>
-    <path
+import Svg, { Path } from 'react-native-svg';
+import type { SvgProps } from 'react-native-svg';
+interface ISvgProps extends SvgProps {
+  xmlns?: string;
+  xmlnsXlink?: string;
+  xmlSpace?: string;
+}
+const SvgAccountIcon = (props: ISvgProps) => (
+  <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
+    <Path
       fill="currentColor"
       fillRule="evenodd"
       d="M16.5 7.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0m-2 0a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0M21 19c0 .537 0 .93-.174 1.217C20.352 21 18.584 21 12 21s-8.352 0-8.826-.783C3 19.93 3 19.537 3 19c0-2 2-5 9-5s9 3 9 5m-3.846-.03a22 22 0 0 0 1.838-.102c-.042-.348-.26-.93-1.043-1.5C17.027 16.697 15.24 16 12 16s-5.027.697-5.949 1.367c-.783.57-1.001 1.152-1.043 1.5.396.046.978.081 1.838.102C8.081 19 9.74 19 12 19s3.919 0 5.154-.03m-12.142.529-.001-.007z"
       clipRule="evenodd"
     />
-  </svg>
+  </Svg>
 );
 export default SvgAccountIcon;
diff --git a/src/AccountSettingIcon.tsx b/src/AccountSettingIcon.tsx
@@ -1,12 +1,18 @@
-import type { SVGProps } from 'react';
-const SvgAccountSettingIcon = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" {...props}>
-    <path
+import Svg, { Path } from 'react-native-svg';
+import type { SvgProps } from 'react-native-svg';
+interface ISvgProps extends SvgProps {
+  xmlns?: string;
+  xmlnsXlink?: string;
+  xmlSpace?: string;
+}
+const SvgAccountSettingIcon = (props: ISvgProps) => (
+  <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
+    <Path
       fill="currentColor"
       fillRule="evenodd"
       d="M15.5 7.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0m-2 0a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0M16.33 11.5a.5.5 0 0 0-.485.379l-.336 1.344a4 4 0 0 0-1.288.745l-1.334-.382a.5.5 0 0 0-.57.231l-.5.866a.5.5 0 0 0 .085.61l.997.963a4 4 0 0 0 0 1.488l-.996.964a.5.5 0 0 0-.086.61l.5.865a.5.5 0 0 0 .57.231l1.335-.382c.375.323.81.578 1.287.745l.336 1.344a.5.5 0 0 0 .485.379h1a.5.5 0 0 0 .485-.379l.336-1.344a4 4 0 0 0 1.288-.745l1.334.381a.5.5 0 0 0 .57-.23l.5-.866a.5.5 0 0 0-.085-.61l-.997-.964a4 4 0 0 0 0-1.487l.997-.964a.5.5 0 0 0 .085-.61l-.5-.865a.5.5 0 0 0-.57-.231l-1.334.382a4 4 0 0 0-1.288-.745l-.336-1.344a.5.5 0 0 0-.485-.379zm2.5 5.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0M10.29 19c-1.903 0-3.342-.003-4.444-.03a22 22 0 0 1-1.838-.102c.042-.348.26-.93 1.043-1.5.83-.603 2.359-1.228 5.017-1.348a7 7 0 0 1 .605-2.018C3.937 14.094 2 17.032 2 19c0 .537 0 .93.174 1.217C2.648 21 4.416 21 11 21h.255a7 7 0 0 1-.965-2m-6.28.492.002.007z"
       clipRule="evenodd"
     />
-  </svg>
+  </Svg>
 );
 export default SvgAccountSettingIcon;
diff --git a/src/AddressIcon.tsx b/src/AddressIcon.tsx
@@ -1,16 +1,22 @@
-import type { SVGProps } from 'react';
-const SvgAddressIcon = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" {...props}>
-    <path
+import Svg, { Path } from 'react-native-svg';
+import type { SvgProps } from 'react-native-svg';
+interface ISvgProps extends SvgProps {
+  xmlns?: string;
+  xmlnsXlink?: string;
+  xmlSpace?: string;
+}
+const SvgAddressIcon = (props: ISvgProps) => (
+  <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
+    <Path
       fill="currentColor"
       d="M10.674 2.503a2 2 0 0 1 2.652 0l7.997 7.08c1.379 1.22.516 3.417-1.325 3.417H19v1a5 5 0 0 0-2-.9V11h2.998L12 4l-7.998 7H7v9h4.416a5 5 0 0 0 1.583 2H7a2 2 0 0 1-2-2v-7h-.998c-1.84 0-2.704-2.196-1.326-3.417z"
     />
-    <path
+    <Path
       fill="currentColor"
       fillRule="evenodd"
       d="M18.5 16.702V16.7C18.5 15.209 17.38 14 16 14s-2.5 1.21-2.5 2.7q0 .048.002.094c-.027.544.292 2.044 1.668 4.686a.964.964 0 0 0 1.696.023c.76-1.363 1.634-3.207 1.634-4.801m-1.25-.34c0 .652-.56 1.181-1.25 1.181s-1.25-.529-1.25-1.18c0-.653.56-1.182 1.25-1.182s1.25.529 1.25 1.181"
       clipRule="evenodd"
     />
-  </svg>
+  </Svg>
 );
 export default SvgAddressIcon;
diff --git a/src/AlertIcon.tsx b/src/AlertIcon.tsx
@@ -1,16 +1,22 @@
-import type { SVGProps } from 'react';
-const SvgAlertIcon = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" {...props}>
-    <path
+import Svg, { Path } from 'react-native-svg';
+import type { SvgProps } from 'react-native-svg';
+interface ISvgProps extends SvgProps {
+  xmlns?: string;
+  xmlnsXlink?: string;
+  xmlSpace?: string;
+}
+const SvgAlertIcon = (props: ISvgProps) => (
+  <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
+    <Path
       fill="currentColor"
       d="M13 13a1 1 0 1 1-2 0v-3a1 1 0 1 1 2 0zM12 18a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5"
     />
-    <path
+    <Path
       fill="currentColor"
       fillRule="evenodd"
       d="M12 2a1 1 0 0 1 .862.493l10 17A1 1 0 0 1 22 21H2a1 1 0 0 1-.862-1.507l10-17A1 1 0 0 1 12 2m8.252 17L12 4.972 3.748 19z"
       clipRule="evenodd"
     />
-  </svg>
+  </Svg>
 );
 export default SvgAlertIcon;
diff --git a/src/AmbulanceIcon.tsx b/src/AmbulanceIcon.tsx
@@ -1,13 +1,19 @@
-import type { SVGProps } from 'react';
-const SvgAmbulanceIcon = (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="M8.2 12.7H6.8v-1.5H5.2V9.7h1.6V8.2h1.4v1.5h1.6v1.5H8.2z" />
-    <path
+import Svg, { Path } from 'react-native-svg';
+import type { SvgProps } from 'react-native-svg';
+interface ISvgProps extends SvgProps {
+  xmlns?: string;
+  xmlnsXlink?: string;
+  xmlSpace?: string;
+}
+const SvgAmbulanceIcon = (props: ISvgProps) => (
+  <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
+    <Path fill="currentColor" d="M8.2 12.7H6.8v-1.5H5.2V9.7h1.6V8.2h1.4v1.5h1.6v1.5H8.2z" />
+    <Path
       fill="currentColor"
       fillRule="evenodd"
       d="m17.8 4.6 4.1 7a.5.5 0 0 1 .118.209c.02.053.044.115.082.191v6c0 .5-.4.8-.8.8H20c-.2 1.3-1.2 2.3-2.5 2.3s-2.4-1-2.5-2.3H9c-.2 1.3-1.2 2.3-2.5 2.3s-2.4-1-2.5-2.3H2.8c-.5 0-.8-.4-.8-.8V7c0-1.6 1.2-2.8 2.8-2.8h12.3c.3 0 .6.1.7.4m-4.1 6.6h6.2l-1.2-2h-5zM6 7H3.5v7.1h17v-1.2H13c-.5 0-.8-.4-.8-.8V8.6c0-.5.4-.8.8-.8h4.8l-.4-.8H12c-.6 0-1-.4-1-1v-.2H6.9c.1 0 .1.1.1.2 0 .6-.4 1-1 1m-.5 11.5c0 .6.4 1 1 1s1-.4 1-1-.4-1-1-1-1 .4-1 1m11 0c0 .6.4 1 1 1s1-.4 1-1-.4-1-1-1-1 .4-1 1m1-2.5c1 0 1.8.5 2.2 1.2h.8v-1.8h-17v1.8h.8c.5-.7 1.2-1.2 2.2-1.2s1.8.5 2.2 1.2h6.6c.5-.7 1.2-1.2 2.2-1.2"
       clipRule="evenodd"
     />
-  </svg>
+  </Svg>
 );
 export default SvgAmbulanceIcon;