@factorialco/f0-react-native 0.19.1

package/src/icons/app/Folders.tsx

@@ -0,0 +1,24 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgFolders = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      d="M10.438 5a1.96 1.96 0 0 0-1.71-1H7.13c-1.054 0-1.581 0-1.988.194a2 2 0 0 0-.948.948C4 5.549 4 6.076 4 7.13v4.07c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C6.28 16 7.12 16 8.8 16h4.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C18 13.72 18 12.88 18 11.2v-.783c0-1.32 0-1.98-.204-2.504a3 3 0 0 0-1.709-1.709C15.563 6 14.903 6 13.583 6h-1.436a1.96 1.96 0 0 1-1.71-1Z"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      d="M7 19h4.4c3.36 0 5.04 0 6.324-.654a6 6 0 0 0 2.622-2.622C21 14.44 21 12.76 21 9.4V9"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgFolders);
+export default ForwardRef;

package/src/icons/app/Globe.tsx

@@ -0,0 +1,26 @@
+import Svg, { Circle, Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgGlobe = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Circle cx={12} cy={12} r={8} stroke="currentColor" />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M19 12H5"
+    />
+    <Path
+      stroke="currentColor"
+      d="M12 20c-1.767-1.804-3-5.275-3-8s1.233-6.196 3-8M12 20c1.767-1.804 3-5.275 3-8s-1.233-6.196-3-8"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgGlobe);
+export default ForwardRef;

package/src/icons/app/Graph.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 SvgGraph = (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="M4 6v9a3 3 0 0 0 3 3h13"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m8 14 3.646-3.646a.5.5 0 0 1 .708 0l2.292 2.292a.5.5 0 0 0 .708 0L20 8m0 0v3m0-3h-3"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgGraph);
+export default ForwardRef;

package/src/icons/app/Handshake.tsx

@@ -0,0 +1,29 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgHandshake = (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="m5.328 14.328.172.172 5-5 1.75 1.75a1.768 1.768 0 1 0 2.5-2.5l-2.629-2.629a3 3 0 0 0-4.242 0l-2.55 2.55a4 4 0 0 0 0 5.657Z"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinejoin="round"
+      d="M13 7a2.83 2.83 0 0 1 4 0l1.672 1.672a4 4 0 0 1 0 5.656l-4.258 4.258a2 2 0 0 1-2.828 0L11 18l-.086.086a2 2 0 0 1-2.828 0L7.5 17.5a1.414 1.414 0 0 1-2 0l-.25-.25c-.69-.69-.69-1.81 0-2.5L6 14"
+    />
+    <Path
+      fill="currentColor"
+      d="M10.46 15.46a.65.65 0 1 0-.92-.92zm-2.5 2.5 2.5-2.5-.92-.92-2.5 2.5zM13.46 16.46a.65.65 0 1 0-.92-.92zm-2.5 2.5 2.5-2.5-.92-.92-2.5 2.5z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgHandshake);
+export default ForwardRef;

package/src/icons/app/Heading1.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 SvgHeading1 = (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 7v5m0 5v-5m0 0h7V7v10M18 7v10M16 9c1 0 2-1 2-2"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgHeading1);
+export default ForwardRef;

package/src/icons/app/Heading2.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 SvgHeading2 = (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 7v5m0 5v-5m0 0h7V7v10M15 9.5A2.5 2.5 0 0 1 17.5 7v0A2.5 2.5 0 0 1 20 9.5v0a2.5 2.5 0 0 1-2.5 2.5v0a2.5 2.5 0 0 0-2.5 2.5V17h5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgHeading2);
+export default ForwardRef;

package/src/icons/app/Heading3.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 SvgHeading3 = (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 9a2 2 0 0 1 2-2h.5A2.5 2.5 0 0 1 20 9.5v0a2.5 2.5 0 0 1-2.5 2.5v0M15 15a2 2 0 0 0 2 2h.5a2.5 2.5 0 0 0 2.5-2.5v0a2.5 2.5 0 0 0-2.5-2.5v0M4 7v5m0 5v-5m0 0h7V7v10"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgHeading3);
+export default ForwardRef;

package/src/icons/app/Heart.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 SvgHeart = (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.063 6C12.875 6 12 8 12 8s-.875-2-3.062-2C7.188 6 5 7.714 5 10.286 5 14.57 12 19 12 19s7-4.429 7-8.714C19 8.143 17.25 6 15.063 6"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgHeart);
+export default ForwardRef;

package/src/icons/app/HoldHeart.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 SvgHoldHeart = (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.027 21H8.7a.49.49 0 0 0 .442-.276c.598-1.27.853-2.514.853-3.72 0-.652-.228-1.081-.533-1.783-.194-.446-.427-.95-.587-1.207-.321-.518-.948-.68-1.411-.448s-.582.789-.332 1.289.953 1.87.287 2.307c-.418.275-.937.2-1.317-.273-.224-.28-.6-.774-.6-1.193V11c0-1-.253-2-1.269-2C3.22 9 3 10 3 11v5c0 1.51.596 2.266 2.204 4.57.187.268.495.43.823.43M17.97 21h-2.675a.49.49 0 0 1-.441-.276c-.598-1.27-.854-2.514-.854-3.72 0-.652.228-1.081.533-1.783.194-.446.428-.95.587-1.207.322-.518.948-.68 1.411-.448s.583.789.333 1.289-.954 1.87-.288 2.307c.419.275.938.2 1.317-.273.224-.28.6-.774.6-1.193V11c0-1 .253-2 1.269-2 1.015 0 1.234 1 1.234 2v5c0 1.51-.596 2.266-2.203 4.57-.188.268-.496.43-.823.43M14.261 2C16.198 2 17.5 3.764 17.5 5.41 17.5 8.745 12 12 12 12c-.098 0-5.5-3.256-5.5-6.59C6.5 3.765 7.802 2 9.739 2c1.112 0 1.84.539 2.261 1.013A2.95 2.95 0 0 1 14.261 2"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgHoldHeart);
+export default ForwardRef;

package/src/icons/app/Home.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 SvgHome = (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="m6.256 7.603 4-2.857a3 3 0 0 1 3.488 0l4 2.857A3 3 0 0 1 19 10.043V16a3 3 0 0 1-3 3h-1a1 1 0 0 1-1-1v-2.5a2 2 0 1 0-4 0V18a1 1 0 0 1-1 1H8a3 3 0 0 1-3-3v-5.956a3 3 0 0 1 1.256-2.441Z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgHome);
+export default ForwardRef;

package/src/icons/app/Hub.tsx

@@ -0,0 +1,51 @@
+import Svg, { Rect } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgHub = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Rect
+      width={6}
+      height={6}
+      x={4.5}
+      y={4.5}
+      stroke="currentColor"
+      strokeLinejoin="round"
+      rx={3}
+    />
+    <Rect
+      width={6}
+      height={6}
+      x={4.5}
+      y={13.5}
+      stroke="currentColor"
+      strokeLinejoin="round"
+      rx={1.5}
+    />
+    <Rect
+      width={6}
+      height={6}
+      x={13.5}
+      y={4.5}
+      stroke="currentColor"
+      strokeLinejoin="round"
+      rx={1.5}
+    />
+    <Rect
+      width={6}
+      height={6}
+      x={13.5}
+      y={13.5}
+      stroke="currentColor"
+      strokeLinejoin="round"
+      rx={1.5}
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgHub);
+export default ForwardRef;

package/src/icons/app/Image.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path, Circle } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgImage = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      d="M4 15V9a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3Z"
+    />
+    <Path stroke="currentColor" d="m20 15-1.879-1.879a3 3 0 0 0-4.242 0L9 18" />
+    <Circle cx={9} cy={11} r={2.35} stroke="currentColor" />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgImage);
+export default ForwardRef;

package/src/icons/app/InProgressTask.tsx

@@ -0,0 +1,17 @@
+import Svg, { Circle, Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgInProgressTask = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Circle cx={12} cy={12} r={8} stroke="currentColor" />
+    <Path fill="currentColor" d="M12 18a6 6 0 0 0 0-12z" />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgInProgressTask);
+export default ForwardRef;

package/src/icons/app/Inbox.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 SvgInbox = (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="M20 15v-4.285a2 2 0 0 0-.453-1.268L17.624 7.1A3 3 0 0 0 15.303 6H8.31a3 3 0 0 0-2.48 1.312L4.347 9.49A2 2 0 0 0 4 10.616V15a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3Z"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M4.5 10h3.153a1 1 0 0 1 .986.836l.222 1.328a1 1 0 0 0 .986.836h4.306a1 1 0 0 0 .986-.836l.222-1.328a1 1 0 0 1 .986-.836H19.5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgInbox);
+export default ForwardRef;

package/src/icons/app/Info.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 SvgInfo = (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 10h1a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-1 4M12 7v.1"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgInfo);
+export default ForwardRef;

package/src/icons/app/InfoCircle.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 SvgInfoCircle = (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="M20 12a8 8 0 1 1-16 0 8 8 0 0 1 16 0m-8.65-2.9a.65.65 0 1 0 1.3 0V9a.65.65 0 1 0-1.3 0zm0 6a.65.65 0 1 0 1.3 0v-3a.65.65 0 1 0-1.3 0z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgInfoCircle);
+export default ForwardRef;

package/src/icons/app/InfoCircleLine.tsx

@@ -0,0 +1,28 @@
+import Svg, { Path, Circle } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgInfoCircleLine = (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 12v3"
+    />
+    <Circle cx={12} cy={12} r={8} stroke="currentColor" />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M12 9v.1"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgInfoCircleLine);
+export default ForwardRef;

package/src/icons/app/Italic.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 SvgItalic = (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 6h-4M9 6h4m0 0-2 12H7h8"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgItalic);
+export default ForwardRef;

package/src/icons/app/Kanban.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 SvgKanban = (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 6.5A1.5 1.5 0 0 1 6.5 5H9a1.5 1.5 0 0 1 1.5 1.5v11A1.5 1.5 0 0 1 9 19H6.5A1.5 1.5 0 0 1 5 17.5zM13.5 6.5A1.5 1.5 0 0 1 15 5h2.5A1.5 1.5 0 0 1 19 6.5v7a1.5 1.5 0 0 1-1.5 1.5H15a1.5 1.5 0 0 1-1.5-1.5z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgKanban);
+export default ForwardRef;

package/src/icons/app/Laptop.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 SvgLaptop = (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="M5 15V7a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v8M18 19H6a3 3 0 0 1-3-3 1 1 0 0 1 1-1h5.5a.5.5 0 0 1 .5.5.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5.5.5 0 0 1 .5-.5H20a1 1 0 0 1 1 1 3 3 0 0 1-3 3Z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgLaptop);
+export default ForwardRef;

package/src/icons/app/LayersFront.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 SvgLayersFront = (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="M9 20h1.4c3.36 0 5.04 0 6.324-.654a6 6 0 0 0 2.622-2.622C20 15.44 20 13.76 20 10.4V9"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M8 5h6a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgLayersFront);
+export default ForwardRef;

package/src/icons/app/Lightbulb.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 SvgLightbulb = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path stroke="currentColor" d="M8 16h8v1a3 3 0 0 1-3 3h-2a3 3 0 0 1-3-3z" />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M12 16v-4.5m0 0-1.5-1m1.5 1 1.5-1"
+    />
+    <Path
+      stroke="currentColor"
+      d="M8 16v-2.08a1.1 1.1 0 0 0-.322-.758 6 6 0 1 1 8.644 0 1.1 1.1 0 0 0-.322.757V16"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgLightbulb);
+export default ForwardRef;

package/src/icons/app/Link.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 SvgLink = (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="M11 18v0a3.536 3.536 0 0 1-5 0v0a3.536 3.536 0 0 1 0-5l3-3a2.83 2.83 0 0 1 4 0v0"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      d="M13 6v0a3.536 3.536 0 0 1 5 0v0a3.536 3.536 0 0 1 0 5l-3 3a2.83 2.83 0 0 1-4 0v0"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgLink);
+export default ForwardRef;

package/src/icons/app/LinkRemove.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 SvgLinkRemove = (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="m5 5 1 1M9 5V4M5 9H4M19 19l-1-1M15 19v1M19 15h1M12 17l-1 1a3.536 3.536 0 0 1-5 0v0a3.536 3.536 0 0 1 0-5l1-1M12 7l1-1a3.536 3.536 0 0 1 5 0v0a3.536 3.536 0 0 1 0 5l-1 1"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgLinkRemove);
+export default ForwardRef;

package/src/icons/app/List.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 SvgList = (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="M9 8h10M9 12h10M9 16h10"
+    />
+    <Path
+      stroke="currentColor"
+      d="M4.5 8a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm0 4a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm0 4a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgList);
+export default ForwardRef;

package/src/icons/app/LockLocked.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 SvgLockLocked = (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="M16 10H8a3 3 0 0 0-3 3v3a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-3a3 3 0 0 0-3-3M12 14v1M8 10V8a4 4 0 0 1 4-4v0a4 4 0 0 1 4 4v2"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgLockLocked);
+export default ForwardRef;