@factorialco/f0-react-native 0.19.1

package/src/icons/app/SearchPerson.tsx

@@ -0,0 +1,24 @@
+import Svg, { Path, Circle } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgSearchPerson = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M6.5 16c2.106-3.276 6.894-3.276 9 0v0"
+    />
+    <Path stroke="currentColor" strokeLinecap="round" d="m16 16 3 3" />
+    <Circle cx={11} cy={10.5} r={2.5} stroke="currentColor" />
+    <Circle cx={11} cy={11} r={7} stroke="currentColor" />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgSearchPerson);
+export default ForwardRef;

package/src/icons/app/Settings.tsx

@@ -0,0 +1,20 @@
+import Svg, { Path, Circle } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgSettings = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      d="M10.304 4.716a2 2 0 0 1 3.392 0l.74 1.185a2 2 0 0 0 1.628.94l1.396.048a2 2 0 0 1 1.696 2.938l-.656 1.234a2 2 0 0 0 0 1.878l.656 1.234a2 2 0 0 1-1.696 2.938l-1.396.048a2 2 0 0 0-1.628.94l-.74 1.185a2 2 0 0 1-3.392 0l-.74-1.185a2 2 0 0 0-1.627-.94l-1.397-.048a2 2 0 0 1-1.696-2.938l.656-1.234a2 2 0 0 0 0-1.878l-.656-1.234A2 2 0 0 1 6.54 6.89l1.397-.048a2 2 0 0 0 1.627-.94z"
+    />
+    <Circle cx={11.999} cy={12} r={2.5} stroke="currentColor" />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgSettings);
+export default ForwardRef;

package/src/icons/app/Share.tsx

@@ -0,0 +1,27 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgShare = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M10 5H8a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-2.5"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m17 4 3 3m0 0-3 3m3-3h-4a4 4 0 0 0-4 4v.5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgShare);
+export default ForwardRef;

package/src/icons/app/Sliders.tsx

@@ -0,0 +1,22 @@
+import Svg, { Path, Rect } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgSliders = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      d="M8 13v8M16 3v8M8 3v1M16 20v1"
+    />
+    <Rect width={6} height={3} x={5} y={7} stroke="currentColor" rx={1.5} />
+    <Rect width={6} height={3} x={13} y={14} stroke="currentColor" rx={1.5} />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgSliders);
+export default ForwardRef;

package/src/icons/app/SolidPause.tsx

@@ -0,0 +1,19 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgSolidPause = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      d="M6 17V7a2 2 0 1 1 4 0v10a2 2 0 1 1-4 0M14 17V7a2 2 0 1 1 4 0v10a2 2 0 1 1-4 0"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgSolidPause);
+export default ForwardRef;

package/src/icons/app/SolidPlay.tsx

@@ -0,0 +1,19 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgSolidPlay = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      d="M6 16.554V7.446C6 5.911 7.659 4.948 8.992 5.71l7.969 4.554c1.344.767 1.344 2.705 0 3.473L8.992 18.29C7.66 19.052 6 18.09 6 16.554"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgSolidPlay);
+export default ForwardRef;

package/src/icons/app/SolidStop.tsx

@@ -0,0 +1,19 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgSolidStop = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      d="M8 5h8a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgSolidStop);
+export default ForwardRef;

package/src/icons/app/Sort.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgSort = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 20 20"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M6.667 13.15a.65.65 0 0 1-.65-.65V6.57l-1.39 1.39-.103.083a.65.65 0 0 1-.9-.9l.083-.103 2.5-2.5a.65.65 0 0 1 .92 0l2.5 2.5a.65.65 0 0 1-.92.92l-1.39-1.39v5.93a.65.65 0 0 1-.65.65m6.666-6.3a.65.65 0 0 0-.65.65v5.93l-1.39-1.39-.102-.083a.65.65 0 0 0-.9.9l.082.103 2.5 2.5a.65.65 0 0 0 .92 0l2.5-2.5a.65.65 0 0 0-.92-.92l-1.39 1.39V7.5a.65.65 0 0 0-.65-.65"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgSort);
+export default ForwardRef;

package/src/icons/app/Sparkles.tsx

@@ -0,0 +1,25 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgSparkles = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      d="M11.798 3.698a.45.45 0 0 1 .404 0 .47.47 0 0 1 .193.19c.025.042.049.094.07.138l.004.008.424.901.942.145.01.001c.045.007.101.016.148.028a.47.47 0 0 1 .238.135.47.47 0 0 1 .115.37.5.5 0 0 1-.11.24 2 2 0 0 1-.104.113l-.006.007-.691.706.163 1 .002.01c.008.049.017.105.02.154a.457.457 0 0 1-.365.499.46.46 0 0 1-.273-.037 2 2 0 0 1-.136-.07l-.008-.005L12 7.77l-.838.462-.008.005c-.041.023-.091.05-.136.07a.46.46 0 0 1-.275.036.457.457 0 0 1-.364-.498c.004-.049.013-.105.02-.154l.002-.01.164-1-.69-.706-.008-.007a2 2 0 0 1-.104-.112.5.5 0 0 1-.11-.241.47.47 0 0 1 .116-.37.47.47 0 0 1 .238-.135c.047-.012.103-.02.149-.028l.01-.001.94-.145.425-.9.004-.01c.02-.043.045-.095.07-.137a.47.47 0 0 1 .193-.19M5.798 6.698a.45.45 0 0 1 .404 0 .47.47 0 0 1 .193.19c.025.042.049.094.07.138l.004.008.424.901.942.145.01.001c.045.007.101.016.148.028a.47.47 0 0 1 .238.135.47.47 0 0 1 .115.37.5.5 0 0 1-.11.24c-.03.039-.07.08-.104.113l-.006.007-.691.706.163 1 .002.01c.008.049.017.105.02.154a.457.457 0 0 1-.364.499.46.46 0 0 1-.274-.037c-.045-.02-.095-.047-.136-.07l-.008-.005L6 10.77l-.838.463-.008.004c-.041.023-.091.05-.136.07a.46.46 0 0 1-.275.037.457.457 0 0 1-.364-.5c.004-.048.013-.104.02-.153l.002-.01.164-1-.69-.706-.008-.007a2 2 0 0 1-.104-.112.5.5 0 0 1-.11-.241.47.47 0 0 1 .116-.37.47.47 0 0 1 .237-.135c.048-.012.104-.02.15-.028l.01-.001.94-.145.425-.9.004-.01c.02-.043.045-.095.07-.137a.47.47 0 0 1 .193-.19M17.798 6.698a.45.45 0 0 1 .404 0 .47.47 0 0 1 .193.19c.025.042.049.094.07.138l.004.008.424.901.942.145.01.001c.045.007.101.016.148.028a.47.47 0 0 1 .238.135.47.47 0 0 1 .115.37.5.5 0 0 1-.11.24 2 2 0 0 1-.104.113l-.006.007-.691.706.164 1 .001.01c.008.049.017.105.02.154a.457.457 0 0 1-.364.499.46.46 0 0 1-.274-.037 2 2 0 0 1-.136-.07l-.008-.005L18 10.77l-.838.463-.008.004c-.041.023-.091.05-.136.07a.46.46 0 0 1-.275.037.457.457 0 0 1-.364-.5c.004-.048.013-.104.02-.153l.002-.01.164-1-.69-.706-.008-.007a2 2 0 0 1-.104-.112.5.5 0 0 1-.11-.241.47.47 0 0 1 .116-.37.47.47 0 0 1 .237-.135c.048-.012.104-.02.15-.028l.01-.001.94-.145.425-.9.004-.01c.02-.043.045-.095.07-.137a.47.47 0 0 1 .193-.19"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M12 11v8M6 14c1 .333 3 2 3 5M18 14c-1 .333-3 2-3 5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgSparkles);
+export default ForwardRef;

package/src/icons/app/Spinner.tsx

@@ -0,0 +1,20 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgSpinner = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      d="M19 12a7 7 0 1 1-7-7"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgSpinner);
+export default ForwardRef;

package/src/icons/app/Split.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgSplit = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M5 12h4l1.619-2.59A3 3 0 0 1 13.163 8H19m0 0-2-2m2 2-2 2M19 16h-5.837a3 3 0 0 1-2.544-1.41L9 12H5m14 4-2-2m2 2-2 2"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgSplit);
+export default ForwardRef;

package/src/icons/app/Star.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgStar = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M11.54 4.108c.288-.144.627-.144.916 0 .24.12.373.329.445.45.075.13.153.295.233.466l.01.023 1.703 3.617 3.795.581.025.004c.179.028.356.055.498.09.142.036.375.108.556.308.21.234.304.547.266.852-.033.259-.173.45-.266.564-.094.115-.22.245-.351.378l-.017.017-2.758 2.818-.005.005.002.014.65 3.98.005.024c.03.19.06.37.072.52.01.144.018.383-.102.614a1.04 1.04 0 0 1-.724.546c-.271.053-.505-.037-.635-.094-.135-.058-.293-.146-.453-.234l-.022-.012-3.385-1.867-3.385 1.867-.022.012a6 6 0 0 1-.454.234c-.13.057-.364.147-.634.094a1.04 1.04 0 0 1-.725-.546 1.13 1.13 0 0 1-.102-.614c.012-.15.041-.33.072-.52l.004-.024.651-3.98.002-.014-.004-.005-2.758-2.818-.018-.017a6 6 0 0 1-.35-.378 1.1 1.1 0 0 1-.267-.564 1.07 1.07 0 0 1 .266-.852c.181-.2.414-.272.556-.307.142-.036.32-.063.499-.09l.024-.005 3.795-.581 1.702-3.617.01-.023a6 6 0 0 1 .234-.465c.072-.122.205-.33.445-.45m.458 1.554-1.676 3.56-.011.024c-.038.083-.104.225-.209.343q-.136.155-.323.246c-.146.071-.305.095-.391.107l-.025.004-3.81.584.019.019 2.758 2.818.018.018c.063.064.173.175.248.316q.095.179.118.38c.018.154-.008.306-.024.398l-.004.026-.649 3.966 3.356-1.85.022-.013c.077-.043.218-.122.377-.155a1 1 0 0 1 .412 0c.159.033.3.112.376.155l.022.012 3.356 1.851-.649-3.966-.004-.026c-.016-.091-.041-.244-.024-.399q.024-.199.118-.38c.075-.14.185-.25.249-.315l.018-.018 2.758-2.818.018-.019-3.81-.584-.024-.004a1.3 1.3 0 0 1-.392-.107 1 1 0 0 1-.323-.246c-.104-.118-.17-.26-.209-.343l-.01-.024z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgStar);
+export default ForwardRef;

package/src/icons/app/StarFilled.tsx

@@ -0,0 +1,19 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgStarFilled = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      d="M11.55 4.457c.284-.143.616-.143.9 0 .238.118.369.323.437.44.072.124.147.283.224.446l1.624 3.453 3.624.555c.17.026.34.052.477.087s.366.105.545.302c.206.23.298.537.26.836-.031.255-.17.443-.26.553s-.211.235-.335.362l-2.638 2.695.623 3.813c.03.18.058.354.069.497.01.14.018.374-.1.602-.141.272-.399.475-.712.536a1.05 1.05 0 0 1-.623-.091 6 6 0 0 1-.433-.224L12 17.536l-3.232 1.783a6 6 0 0 1-.434.224 1.05 1.05 0 0 1-.622.091A1.02 1.02 0 0 1 7 19.098a1.1 1.1 0 0 1-.1-.602c.01-.143.04-.317.069-.497l.623-3.813-2.638-2.695a6 6 0 0 1-.336-.362 1.1 1.1 0 0 1-.26-.553c-.037-.3.054-.607.261-.836a1.06 1.06 0 0 1 .545-.302c.137-.035.307-.06.477-.087l.025-.003 3.599-.552 1.614-3.431.01-.022c.077-.163.152-.322.224-.446.068-.117.199-.322.437-.44"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgStarFilled);
+export default ForwardRef;

package/src/icons/app/Strikethrough.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgStrikethrough = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M15 7.5A2.19 2.19 0 0 0 12.919 6h-1.313a3 3 0 0 0-2.497 1.336v0a3 3 0 0 0 0 3.328v0A3 3 0 0 0 11.606 12h.788a3 3 0 0 1 2.497 1.336v0a3 3 0 0 1 0 3.328v0A3 3 0 0 1 12.394 18h-1.313A2.19 2.19 0 0 1 9 16.5v0M19 12H5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgStrikethrough);
+export default ForwardRef;

package/src/icons/app/Suitcase.tsx

@@ -0,0 +1,22 @@
+import Svg, { Rect, Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgSuitcase = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Rect width={16} height={12} x={4} y={7.5} stroke="currentColor" rx={3} />
+    <Path stroke="currentColor" d="M9 7.5v-1a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1" />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      d="M20 12.5H4M11 12.5v1.75c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25V12.5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgSuitcase);
+export default ForwardRef;

package/src/icons/app/Table.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgTable = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M4 9.5V17a2 2 0 0 0 2 2h6M4 9.5V7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2.5m-16 0h8m8 0V17a2 2 0 0 1-2 2h-6m8-9.5h-8M4 14h16m-8 5V9.5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgTable);
+export default ForwardRef;

package/src/icons/app/Target.tsx

@@ -0,0 +1,31 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgTarget = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m12 12 3-3m0 0V6l3-3 1 2 2 1-3 3z"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      d="M19 12a7 7 0 1 1-7-7"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      d="M15.5 12A3.5 3.5 0 1 1 12 8.5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgTarget);
+export default ForwardRef;

package/src/icons/app/TextSize.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgTextSize = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M4 6h5m5 0H9m0 0v12m4-6h3m3 0h-3m0 0v6"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgTextSize);
+export default ForwardRef;

package/src/icons/app/Timer.tsx

@@ -0,0 +1,27 @@
+import Svg, { Circle, Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgTimer = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Circle cx={12} cy={13} r={7.35} stroke="currentColor" />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      d="M12 10.33v2.667l3 1.666"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M12 5.5V3M10 3h4M19.09 6l1.414 1.414M4.91 6 3.496 7.414"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgTimer);
+export default ForwardRef;

package/src/icons/app/Underline.tsx

@@ -0,0 +1,26 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgUnderline = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      d="M16 6v5a4 4 0 0 1-8 0V6"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M7 18h10"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgUnderline);
+export default ForwardRef;

package/src/icons/app/Upload.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgUpload = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M12 14V5m0 0L9 8m3-3 3 3M19 15v1a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3v-1"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgUpload);
+export default ForwardRef;

package/src/icons/app/Video.tsx

@@ -0,0 +1,23 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgVideo = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      d="M8.8 6h6.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C20 8.28 20 9.12 20 10.8v2.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C17.72 18 16.88 18 15.2 18H8.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C4 15.72 4 14.88 4 13.2v-2.4c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C6.28 6 7.12 6 8.8 6Z"
+    />
+    <Path
+      stroke="currentColor"
+      d="M10 14.117V9.883a.5.5 0 0 1 .757-.429l3.528 2.117a.5.5 0 0 1 0 .858l-3.528 2.117a.5.5 0 0 1-.757-.43Z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgVideo);
+export default ForwardRef;

package/src/icons/app/VideoRecorder.tsx

@@ -0,0 +1,31 @@
+import Svg, { Rect, Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgVideoRecorder = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Rect
+      width={13}
+      height={12}
+      x={4}
+      y={6}
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      rx={3}
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m17 11 4-2v6l-4-2z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgVideoRecorder);
+export default ForwardRef;

package/src/icons/app/VideoRecorderNegative.tsx

@@ -0,0 +1,22 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgVideoRecorderNegative = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M17 13.7v-2.9c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C14.72 6 13.88 6 12.2 6H9.5m5.168 11.897C14.1 18 13.345 18 12.2 18H8.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C4 15.72 4 14.88 4 13.2v-2.4c0-1.036 0-1.752.077-2.3M17 11l4-2v6l-4-2z"
+    />
+    <Path stroke="currentColor" strokeLinecap="round" d="m5 5 13 13" />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgVideoRecorderNegative);
+export default ForwardRef;

package/src/icons/app/Wallet.tsx

@@ -0,0 +1,26 @@
+import Svg, { Path, Circle } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgWallet = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinejoin="round"
+      d="M4 7v9a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-4a3 3 0 0 0-3-3h-1"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinejoin="round"
+      d="M6 5h9a2 2 0 0 1 2 2v2H6a2 2 0 1 1 0-4Z"
+    />
+    <Circle cx={16.25} cy={13.75} r={1.25} fill="currentColor" />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgWallet);
+export default ForwardRef;

package/src/icons/app/Warning.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgWarning = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M5.399 19c-1.525 0-2.489-1.638-1.748-2.971l6.6-11.882c.763-1.372 2.735-1.372 3.497 0l6.601 11.882c.74 1.333-.223 2.971-1.748 2.971zM12 7.5a.97.97 0 0 0-.967 1.045l.302 3.9a.667.667 0 0 0 1.33 0l.303-3.9A.97.97 0 0 0 12 7.5m0 8.987a1 1 0 1 0 0-2 1 1 0 0 0 0 2"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgWarning);
+export default ForwardRef;

package/src/icons/app/WhatsappChat.tsx

@@ -0,0 +1,23 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgWhatsappChat = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      d="M12 5a7 7 0 0 0-6.297 10.062l.16.328-.824 3.278 3.237-.727.333.185A7 7 0 1 0 12 5m-9 7a9 9 0 1 1 4.984 8.056l-2.507.564a2 2 0 0 1-2.378-2.44l.65-2.582A9 9 0 0 1 3 12"
+    />
+    <Path
+      fill="currentColor"
+      d="M8.941 8h1.544a.5.5 0 0 1 .464.314l.658 1.644a.5.5 0 0 1-.207.614l-.812.487a5.18 5.18 0 0 0 2.353 2.353l.487-.812a.5.5 0 0 1 .614-.207l1.644.658a.5.5 0 0 1 .314.464v1.544a.94.94 0 0 1-.941.941A7.53 7.53 0 0 1 8 8.941.94.94 0 0 1 8.941 8"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgWhatsappChat);
+export default ForwardRef;