@kivid/icons 1.0.0-alpha.10 → 1.0.0-alpha.15

package/src/components/native/FillBars.tsx

@@ -0,0 +1,63 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const FillBars = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M3 5.48531V7.90899C3 9.28159 4.08347 10.3943 5.42 10.3943H18.58C19.9165 10.3943 21 9.28159 21 7.90899V5.48531C21 4.11271 19.9165 3 18.58 3H5.42C4.08347 3 3 4.11271 3 5.48531Z"
+        fill={color}
+      />
+      <Path
+        d="M3 16.091V18.5147C3 19.8873 4.08347 21 5.42 21H18.58C19.9165 21 21 19.8873 21 18.5147V16.091C21 14.7184 19.9165 13.6057 18.58 13.6057H5.42C4.08347 13.6057 3 14.7184 3 16.091Z"
+        fill={color}
+      />
+      <Path
+        d="M3 5.48531V7.90899C3 9.28159 4.08347 10.3943 5.42 10.3943H18.58C19.9165 10.3943 21 9.28159 21 7.90899V5.48531C21 4.11271 19.9165 3 18.58 3H5.42C4.08347 3 3 4.11271 3 5.48531Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M3 16.091V18.5147C3 19.8873 4.08347 21 5.42 21H18.58C19.9165 21 21 19.8873 21 18.5147V16.091C21 14.7184 19.9165 13.6057 18.58 13.6057H5.42C4.08347 13.6057 3 14.7184 3 16.091Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillBars.displayName = "FillBars";
+const ForwardRef = forwardRef(FillBars);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillBars };

package/src/components/native/FillBell.tsx

@@ -0,0 +1,56 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const FillBell = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M18.9149 18.0819H5.64694C5.40066 18.0822 5.16001 18.0083 4.95635 17.8698C4.75269 17.7313 4.59545 17.5347 4.50512 17.3056C4.41479 17.0765 4.39556 16.8255 4.44993 16.5853C4.5043 16.3451 4.62975 16.1268 4.80994 15.959L5.30294 15.4999C5.52984 15.2881 5.71075 15.0319 5.83444 14.7472C5.95813 14.4625 6.02196 14.1554 6.02194 13.8449V9.24495C6.02194 7.58522 6.68126 5.99347 7.85487 4.81987C9.02847 3.64627 10.6202 2.98694 12.2799 2.98694C13.9397 2.98694 15.5314 3.64627 16.705 4.81987C17.8786 5.99347 18.5379 7.58522 18.5379 9.24495V13.8449C18.5379 14.1554 18.6017 14.4625 18.7253 14.7472C18.849 15.0319 19.03 15.2881 19.2569 15.4999L19.7499 15.959C19.93 16.1267 20.0554 16.3448 20.1098 16.5848C20.1643 16.8248 20.1452 17.0757 20.0551 17.3047C19.965 17.5337 19.8081 17.7303 19.6048 17.869C19.4014 18.0076 19.161 18.0818 18.9149 18.0819Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M9.21191 18.1113C9.21191 18.9362 9.53958 19.7272 10.1228 20.3104C10.7061 20.8937 11.4971 21.2213 12.3219 21.2213C13.1467 21.2213 13.9378 20.8937 14.521 20.3104C15.1043 19.7272 15.4319 18.9362 15.4319 18.1113"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillBell.displayName = "FillBell";
+const ForwardRef = forwardRef(FillBell);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillBell };

package/src/components/native/FillBuilding.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const FillBuilding = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M3 5C3 4.44772 3.44772 4 4 4H16C16.5523 4 17 4.44772 17 5V21H14V16H6V21H3V5Z"
+        fill={color}
+      />
+      <Path
+        d="M17 10V9.25C16.5858 9.25 16.25 9.58579 16.25 10H17ZM21 21V21.75C21.4142 21.75 21.75 21.4142 21.75 21H21ZM10.75 16C10.75 15.5858 10.4142 15.25 10 15.25C9.58579 15.25 9.25 15.5858 9.25 16H10.75ZM9.25 21C9.25 21.4142 9.58579 21.75 10 21.75C10.4142 21.75 10.75 21.4142 10.75 21H9.25ZM6 16V15.25C5.58579 15.25 5.25 15.5858 5.25 16H6ZM14 16H14.75C14.75 15.5858 14.4142 15.25 14 15.25V16ZM3 21H2.25V21.75H3V21ZM21.751 20.25H1.75098V21.75H21.751V20.25ZM20 9.25H17V10.75H20V9.25ZM16.25 10V21H17.75V10H16.25ZM17 21.75H21V20.25H17V21.75ZM21.75 21V11H20.25V21H21.75ZM20 10.75C20.1381 10.75 20.25 10.8619 20.25 11H21.75C21.75 10.0335 20.9665 9.25 20 9.25V10.75ZM9.25 16V21H10.75V16H9.25ZM6 16.75H14V15.25H6V16.75ZM13.25 16V21H14.75V16H13.25ZM14 20.25H6V21.75H14V20.25ZM6.75 21V16H5.25V21H6.75ZM4 4.75H16V3.25H4V4.75ZM16.25 5V21H17.75V5H16.25ZM3.75 21V5H2.25V21H3.75ZM6 20.25H3V21.75H6V20.25ZM17 20.25H14V21.75H17V20.25ZM16 4.75C16.1381 4.75 16.25 4.86193 16.25 5H17.75C17.75 4.0335 16.9665 3.25 16 3.25V4.75ZM4 3.25C3.0335 3.25 2.25 4.0335 2.25 5H3.75C3.75 4.86193 3.86193 4.75 4 4.75V3.25Z"
+        fill={color}
+      />
+      <Path
+        d="M7 12H13M7 8H13"
+        stroke="#FAFCFC"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillBuilding.displayName = "FillBuilding";
+const ForwardRef = forwardRef(FillBuilding);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillBuilding };

package/src/components/native/FillBulb.tsx

@@ -0,0 +1,69 @@
+import * as React from "react";
+import Svg, { G, Path, Defs, ClipPath, Rect } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const FillBulb = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <G clipPath="url(#4-clip0_6898_166)">
+        <Path
+          d="M18.0359 11.249C17.9955 9.68291 17.345 8.19461 16.2231 7.10126C15.1011 6.0079 13.5965 5.396 12.0299 5.396C10.4633 5.396 8.95873 6.0079 7.83679 7.10126C6.71486 8.19461 6.06434 9.68291 6.02393 11.249C6.03028 12.3253 6.33483 13.3788 6.90378 14.2925C7.47273 15.2062 8.2838 15.9444 9.24692 16.425V18.057H14.8149V16.425C15.7777 15.9441 16.5883 15.2059 17.1569 14.2922C17.7255 13.3785 18.0298 12.3251 18.0359 11.249Z"
+          fill={color}
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <Path
+          d="M9.41895 19.991H14.5649M10.6069 21.828H13.3779"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <Path
+          d="M11.992 0.487061V2.57806M20.096 3.75304L18.575 5.23205M23.454 11.64H21.305M20.096 19.526L18.575 18.047M3.88798 19.526L4.395 19.0331L4.90098 18.54L5.408 18.047M0.531982 11.64H2.681M3.88798 3.75304L4.395 4.24602L4.90098 4.73907L5.408 5.23205"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </G>
+      <Defs>
+        <ClipPath id="4-clip0_6898_166">
+          <Rect width={24} height={24} fill="white" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  );
+};
+FillBulb.displayName = "FillBulb";
+const ForwardRef = forwardRef(FillBulb);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillBulb };

package/src/components/native/FillCalendarSession.tsx

@@ -0,0 +1,56 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const FillCalendarSession = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M3 9.69702H21V17.7204C21 18.8555 20.5802 19.944 19.8328 20.7466C19.0855 21.5492 18.0719 22.0001 17.015 22.0001H6.985C5.92811 22.0001 4.91451 21.5492 4.16718 20.7466C3.41985 19.944 3 18.8555 3 17.7204V9.69702Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M16.247 2V5.48709M8.24699 2V5.48709M6.985 3.74301H17.015C18.0719 3.74301 19.0855 4.1939 19.8328 4.99649C20.5802 5.79908 21 6.88763 21 8.02266V9.69693H3V8.02266C3 6.88763 3.41985 5.79908 4.16718 4.99649C4.91451 4.1939 5.92811 3.74301 6.985 3.74301Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillCalendarSession.displayName = "FillCalendarSession";
+const ForwardRef = forwardRef(FillCalendarSession);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillCalendarSession };

package/src/components/native/FillChart.tsx

@@ -0,0 +1,56 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const FillChart = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M21 7V17C21 19.21 19.21 21 17 21H7C4.79 21 3 19.21 3 17V7C3 4.79 4.79 3 7 3H17C19.21 3 21 4.79 21 7Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M10.33 16.1701V12.8401C10.33 12.3801 9.96 12.0101 9.5 12.0101H7.83C7.37 12.0101 7 12.3801 7 12.8401V16.0701M10.34 16.1701V8.67009C10.34 8.21009 10.71 7.84009 11.17 7.84009H12.84C13.3 7.84009 13.67 8.21009 13.67 8.67009V16.1701V10.7501C13.67 10.2901 14.04 9.92009 14.5 9.92009H16.17C16.63 9.92009 17 10.2901 17 10.7501V16.0601M17 16.1701H7"
+        stroke="#FAFCFC"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillChart.displayName = "FillChart";
+const ForwardRef = forwardRef(FillChart);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillChart };

package/src/components/native/FillChatbubbleEllipses.tsx

@@ -0,0 +1,56 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const FillChatbubbleEllipses = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M17.374 19.657H6.13902L4.32103 21.075C4.20281 21.1697 4.06014 21.2288 3.90962 21.2456C3.7591 21.2624 3.60691 21.2361 3.47075 21.1698C3.33458 21.1035 3.22004 20.9999 3.14043 20.8711C3.06081 20.7422 3.01943 20.5935 3.02104 20.442V6.66902C3.02104 5.71239 3.40106 4.79493 4.0775 4.11848C4.75394 3.44204 5.6714 3.06201 6.62804 3.06201H17.37C17.8437 3.06201 18.3128 3.15531 18.7504 3.33658C19.188 3.51785 19.5856 3.78354 19.9206 4.11848C20.2555 4.45343 20.5212 4.85106 20.7025 5.28868C20.8837 5.7263 20.977 6.19534 20.977 6.66902V16.049C20.9773 17.0051 20.598 17.9222 19.9223 18.5988C19.2467 19.2753 18.3302 19.656 17.374 19.657Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M10.1151 11.2251H14.0151M8.51608 14.9211H15.6161M7.81909 7.52905H16.3191"
+        stroke="#FAFCFC"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillChatbubbleEllipses.displayName = "FillChatbubbleEllipses";
+const ForwardRef = forwardRef(FillChatbubbleEllipses);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillChatbubbleEllipses };

package/src/components/native/FillClipboardCheck.tsx

@@ -0,0 +1,68 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const FillClipboardCheck = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M15.7999 8.6001H15.2999C15.2999 9.3001 14.6999 9.9001 13.9999 9.9001H9.9999C9.2999 9.9001 8.6999 9.3001 8.6999 8.6001H8.1999C6.6999 8.6001 5.3999 9.9001 5.3999 11.4001V19.5001C7.1999 21.1001 9.4999 22.0001 11.9999 22.0001C14.4999 22.0001 16.7999 21.1001 18.5999 19.5001V11.4001C18.5999 9.9001 17.2999 8.6001 15.7999 8.6001Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M14.0001 9.90005H9.9001C9.2001 9.90005 8.6001 9.30005 8.6001 8.60005C8.6001 7.90005 9.2001 7.30005 9.9001 7.30005H14.0001C14.7001 7.30005 15.3001 7.90005 15.3001 8.60005C15.3001 9.30005 14.7001 9.90005 14.0001 9.90005Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M14.7 13.8999L11.7 16.8999L10 15.1999"
+        stroke="#FAFCFC"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillClipboardCheck.displayName = "FillClipboardCheck";
+const ForwardRef = forwardRef(FillClipboardCheck);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillClipboardCheck };

package/src/components/native/FillDaily.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const FillDaily = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M22 4.8004C22 3.805 21.1847 2.96781 20.1629 3.00095C17.0732 3.10177 14.6643 3.66601 12.0513 5.05703H11.9487C9.33586 3.66614 6.92726 3.1019 3.83782 3.00196C2.81399 2.96743 2 3.80764 2 4.80153V16.9927C2 17.9613 2.77205 18.776 3.75675 18.7906C6.81283 18.8361 9.06674 19.3941 11.6102 20.8936C11.8508 21.0355 12.1492 21.0355 12.3898 20.8936C14.9333 19.3941 17.187 18.8361 20.2432 18.7906C21.2284 18.776 22 17.9608 22 16.9917V4.8004ZM5.08174 9.20623C5.12901 8.78286 5.50962 8.47801 5.93179 8.52547C7.05816 8.65191 8.12186 8.87075 9.16547 9.21816C9.56867 9.35238 9.78702 9.78905 9.65318 10.1933C9.51934 10.5976 9.08402 10.8167 8.68081 10.6825C7.75321 10.3736 6.79636 10.175 5.76064 10.0586C5.33847 10.0113 5.03448 9.6296 5.08174 9.20623ZM18.2389 10.0597C18.6612 10.0128 18.9655 9.63136 18.9186 9.20799C18.8717 8.78449 18.4914 8.4794 18.0692 8.52635C16.9418 8.65191 15.878 8.87188 14.8348 9.21916C14.4316 9.35338 14.2132 9.79006 14.3471 10.1943C14.4809 10.5986 14.9163 10.8177 15.3195 10.6835C16.2475 10.3745 17.2043 10.1749 18.2389 10.0597ZM18.2396 14.1728C18.6618 14.1255 18.9658 13.7438 18.9185 13.3204C18.8712 12.897 18.4907 12.5922 18.0685 12.6396C16.9422 12.7661 15.8785 12.9849 14.8348 13.3323C14.4316 13.4665 14.2132 13.9032 14.3471 14.3075C14.4809 14.7118 14.9163 14.9309 15.3195 14.7967C16.2471 14.4878 17.204 14.2892 18.2396 14.1728ZM5.08168 13.3222C5.12857 12.8987 5.50886 12.5936 5.9311 12.6405C7.05847 12.7661 8.12223 12.986 9.16547 13.3333C9.56867 13.4675 9.78702 13.9042 9.65318 14.3085C9.51934 14.7128 9.08402 14.9319 8.68081 14.7977C7.75277 14.4887 6.79605 14.2891 5.76133 14.1739C5.33909 14.127 5.03479 13.7455 5.08168 13.3222Z"
+        fill={color}
+      />
+    </Svg>
+  );
+};
+FillDaily.displayName = "FillDaily";
+const ForwardRef = forwardRef(FillDaily);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillDaily };

package/src/components/native/FillDocList.tsx

@@ -0,0 +1,62 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const FillDocList = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M6.41421 20.4142C6.78929 20.0391 7 19.5304 7 19V6H5C4.46957 6 3.96086 6.21071 3.58579 6.58579C3.21071 6.96086 3 7.46957 3 8V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21C5.53043 21 6.03914 20.7893 6.41421 20.4142Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M19 21H5C5.53043 21 6.03914 20.7893 6.41421 20.4142C6.78929 20.0391 7 19.5304 7 19V5C7 4.46957 7.21071 3.96086 7.58579 3.58579C7.96086 3.21071 8.46957 3 9 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M10.5 8H17.5M10.5 12H17.5M10.5 16H17.5"
+        stroke="#FAFCFC"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillDocList.displayName = "FillDocList";
+const ForwardRef = forwardRef(FillDocList);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillDocList };

package/src/components/native/FillDoctor.tsx

@@ -0,0 +1,69 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const FillDoctor = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M7.58989 21C8.39622 21 9.04988 20.3329 9.04988 19.51C9.04988 18.6871 8.39622 18.02 7.58989 18.02C6.78355 18.02 6.12988 18.6871 6.12988 19.51C6.12988 20.3329 6.78355 21 7.58989 21Z"
+        fill={color}
+      />
+      <Path
+        d="M7.87988 6.95996V9.01996C7.87988 11.17 9.61989 12.91 11.7699 12.91C13.9199 12.91 15.6599 11.17 15.6599 9.01996V6.95996H7.87988Z"
+        fill={color}
+      />
+      <Path
+        d="M7.58989 21C8.39622 21 9.04988 20.3329 9.04988 19.51C9.04988 18.6871 8.39622 18.02 7.58989 18.02C6.78355 18.02 6.12988 18.6871 6.12988 19.51C6.12988 20.3329 6.78355 21 7.58989 21Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M7.87988 6.95996V9.01996C7.87988 11.17 9.61989 12.91 11.7699 12.91C13.9199 12.91 15.6599 11.17 15.6599 9.01996V6.95996H7.87988Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M21.02 19.72V18.46C21.02 17.04 20.04 15.82 18.67 15.54L14.63 14.83L12.01 18.72L9.39 14.83L5.35 15.54C3.99 15.82 3 17.04 3 18.46V19.72M7.59 14.28V18.02M7.87999 6.96V4.94C7.87999 3.87 8.75 3 9.82 3H13.71C14.78 3 15.65 3.87 15.65 4.94V6.96H7.87H7.87999Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillDoctor.displayName = "FillDoctor";
+const ForwardRef = forwardRef(FillDoctor);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillDoctor };