@adiraku/react-native-ui 0.2.1 → 0.2.3

package/src/icons/actions/IconDownload.tsx

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconDownload = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M5.3 9.207a1 1 0 011.414.014l4.344 4.433V2.05a1 1 0 112 0v11.486l4.228-4.315a1 1 0 111.428 1.4l-6 6.124a1 1 0 01-1.428 0l-6-6.124A1 1 0 015.3 9.207zM4 12a1 1 0 10-2 0v6.5a3 3 0 003 3h14a3 3 0 003-3V12a1 1 0 10-2 0v6.5a1 1 0 01-1 1H5a1 1 0 01-1-1V12z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconDownload = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.3 9.207a1 1 0 011.414.014l4.344 4.433V2.05a1 1 0 112 0v11.486l4.228-4.315a1 1 0 111.428 1.4l-6 6.124a1 1 0 01-1.428 0l-6-6.124A1 1 0 015.3 9.207zM4 12a1 1 0 10-2 0v6.5a3 3 0 003 3h14a3 3 0 003-3V12a1 1 0 10-2 0v6.5a1 1 0 01-1 1H5a1 1 0 01-1-1V12z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconEdit.tsx

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconEdit = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M17.4 2a4.601 4.601 0 00-3.253 1.347l-.446.445-.005.005-.004.005-9.784 9.784c-.38.379-.65.856-.78 1.378L2.07 19.197c-.412 1.65 1.084 3.146 2.734 2.734l4.234-1.06c.521-.13.998-.4 1.378-.78l9.783-9.783.005-.005a.202.202 0 00.005-.004l.445-.445A4.606 4.606 0 0022 6.6 4.597 4.597 0 0017.4 2zm2.209 6.531a2.928 2.928 0 00-.135-4.005 2.926 2.926 0 00-3.178-.645 2.93 2.93 0 00-.827.51l4.14 4.14zm-5.323-2.966l-9.2 9.2a1.29 1.29 0 00-.34.602l-1.06 4.234c-.107.43.283.82.713.713l4.235-1.06a1.29 1.29 0 00.602-.34l9.2-9.2-4.15-4.15z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconEdit = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M17.4 2a4.601 4.601 0 00-3.253 1.347l-.446.445-.005.005-.004.005-9.784 9.784c-.38.379-.65.856-.78 1.378L2.07 19.197c-.412 1.65 1.084 3.146 2.734 2.734l4.234-1.06c.521-.13.998-.4 1.378-.78l9.783-9.783.005-.005a.202.202 0 00.005-.004l.445-.445A4.606 4.606 0 0022 6.6 4.597 4.597 0 0017.4 2zm2.209 6.531a2.928 2.928 0 00-.135-4.005 2.926 2.926 0 00-3.178-.645 2.93 2.93 0 00-.827.51l4.14 4.14zm-5.323-2.966l-9.2 9.2a1.29 1.29 0 00-.34.602l-1.06 4.234c-.107.43.283.82.713.713l4.235-1.06a1.29 1.29 0 00.602-.34l9.2-9.2-4.15-4.15z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconEmail.tsx

@@ -1,30 +1,30 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconEmail = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        d="M19 4H5C3.35 4 2 5.35 2 7v10c0 1.65 1.35 3 3 3h14c1.65 0 3-1.35 3-3V7c0-1.65-1.35-3-3-3zm-.44 2.01l-5.85 5.87c-.38.38-1.04.38-1.42 0L5.43 6.01h13.13zM20 17c0 .55-.45 1-1 1H5c-.55 0-1-.45-1-1V7.4l5.88 5.89c.57.57 1.32.88 2.12.88s1.56-.31 2.12-.88L20 7.4V17z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconEmail = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        d="M19 4H5C3.35 4 2 5.35 2 7v10c0 1.65 1.35 3 3 3h14c1.65 0 3-1.35 3-3V7c0-1.65-1.35-3-3-3zm-.44 2.01l-5.85 5.87c-.38.38-1.04.38-1.42 0L5.43 6.01h13.13zM20 17c0 .55-.45 1-1 1H5c-.55 0-1-.45-1-1V7.4l5.88 5.89c.57.57 1.32.88 2.12.88s1.56-.31 2.12-.88L20 7.4V17z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconFilter.tsx

@@ -1,52 +1,52 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconFilter = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M2 8.452c0-.46.373-.833.833-.833h18.334a.833.833 0 010 1.667H2.833A.833.833 0 012 8.452zM2 15.595c0-.46.373-.833.833-.833h18.334a.833.833 0 010 1.666H2.833A.833.833 0 012 15.595z"
-        fill={fill}
-      />
-      <Path
-        d="M19.143 16.072a3.571 3.571 0 11-7.143 0 3.571 3.571 0 017.143 0z"
-        fill="#fff"
-      />
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M15.571 17.976a1.905 1.905 0 100-3.81 1.905 1.905 0 000 3.81zm0 1.667a3.571 3.571 0 100-7.143 3.571 3.571 0 000 7.143z"
-        fill={fill}
-      />
-      <Path
-        d="M12 8.571a3.571 3.571 0 11-7.142 0 3.571 3.571 0 017.143 0z"
-        fill="#fff"
-      />
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M8.43 10.476a1.905 1.905 0 100-3.81 1.905 1.905 0 000 3.81zm0 1.667A3.571 3.571 0 108.43 5a3.571 3.571 0 000 7.143z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconFilter = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2 8.452c0-.46.373-.833.833-.833h18.334a.833.833 0 010 1.667H2.833A.833.833 0 012 8.452zM2 15.595c0-.46.373-.833.833-.833h18.334a.833.833 0 010 1.666H2.833A.833.833 0 012 15.595z"
+        fill={fill}
+      />
+      <Path
+        d="M19.143 16.072a3.571 3.571 0 11-7.143 0 3.571 3.571 0 017.143 0z"
+        fill="#fff"
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.571 17.976a1.905 1.905 0 100-3.81 1.905 1.905 0 000 3.81zm0 1.667a3.571 3.571 0 100-7.143 3.571 3.571 0 000 7.143z"
+        fill={fill}
+      />
+      <Path
+        d="M12 8.571a3.571 3.571 0 11-7.142 0 3.571 3.571 0 017.143 0z"
+        fill="#fff"
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.43 10.476a1.905 1.905 0 100-3.81 1.905 1.905 0 000 3.81zm0 1.667A3.571 3.571 0 108.43 5a3.571 3.571 0 000 7.143z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconHamburger.tsx

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconHamburger = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M2 6.333c0-.46.373-.833.833-.833h18.334a.833.833 0 010 1.667H2.833A.833.833 0 012 6.333zM2 12c0-.46.373-.833.833-.833h18.334a.833.833 0 010 1.666H2.833A.833.833 0 012 12zM2 17.667c0-.46.373-.834.833-.834h18.334a.833.833 0 010 1.667H2.833A.833.833 0 012 17.667z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconHamburger = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2 6.333c0-.46.373-.833.833-.833h18.334a.833.833 0 010 1.667H2.833A.833.833 0 012 6.333zM2 12c0-.46.373-.833.833-.833h18.334a.833.833 0 010 1.666H2.833A.833.833 0 012 12zM2 17.667c0-.46.373-.834.833-.834h18.334a.833.833 0 010 1.667H2.833A.833.833 0 012 17.667z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconHeartEmpty.tsx

@@ -1,59 +1,59 @@
-import * as React from 'react';
-import Svg, { ClipPath, Defs, Path, Rect, G } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconHeartEmpty = (props: IconProps & { stroke?: string }) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.grey[200],
-    stroke = Palettes.grey[300],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path fill="transparent" d="M0 0H24V24H0z" />
-      <G clipPath="url(#clip0_2_4)">
-        <Path
-          transform="translate(-835 -928)"
-          fill="transparent"
-          d="M0 0H1800V2319H0z"
-        />
-        <Path fill="transparent" d="M-484 -30H965V190H-484z" />
-        <Path
-          d="M11.703 5.265a5.17 5.17 0 00-7.642-.156c-2.081 2.156-2.081 5.658 0 7.813.05.052.101.102.152.151.022.021.041.043.058.066l6.61 6.844c.665.69 1.737.69 2.403 0l6.655-6.89c2.081-2.156 2.081-5.658 0-7.814a5.17 5.17 0 00-7.497 0m-.739-.014l.739.014m-.739-.014a.504.504 0 00.739.014m-.739-.014l.739.014"
-          fill={fill}
-          stroke={stroke}
-        />
-        <Rect
-          x={-79.5}
-          y={-15.5}
-          width={183}
-          height={55}
-          rx={4.5}
-          stroke="transparent"
-          strokeDasharray="10 5"
-        />
-      </G>
-      <Defs>
-        <ClipPath id="clip0_2_4">
-          <Path
-            fill="transparent"
-            transform="translate(-835 -928)"
-            d="M0 0H1800V2319H0z"
-          />
-        </ClipPath>
-      </Defs>
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { ClipPath, Defs, Path, Rect, G } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconHeartEmpty = (props: IconProps & { stroke?: string }) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.grey[200],
+    stroke = Palettes.grey[300],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path fill="transparent" d="M0 0H24V24H0z" />
+      <G clipPath="url(#clip0_2_4)">
+        <Path
+          transform="translate(-835 -928)"
+          fill="transparent"
+          d="M0 0H1800V2319H0z"
+        />
+        <Path fill="transparent" d="M-484 -30H965V190H-484z" />
+        <Path
+          d="M11.703 5.265a5.17 5.17 0 00-7.642-.156c-2.081 2.156-2.081 5.658 0 7.813.05.052.101.102.152.151.022.021.041.043.058.066l6.61 6.844c.665.69 1.737.69 2.403 0l6.655-6.89c2.081-2.156 2.081-5.658 0-7.814a5.17 5.17 0 00-7.497 0m-.739-.014l.739.014m-.739-.014a.504.504 0 00.739.014m-.739-.014l.739.014"
+          fill={fill}
+          stroke={stroke}
+        />
+        <Rect
+          x={-79.5}
+          y={-15.5}
+          width={183}
+          height={55}
+          rx={4.5}
+          stroke="transparent"
+          strokeDasharray="10 5"
+        />
+      </G>
+      <Defs>
+        <ClipPath id="clip0_2_4">
+          <Path
+            fill="transparent"
+            transform="translate(-835 -928)"
+            d="M0 0H1800V2319H0z"
+          />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  );
+};

package/src/icons/actions/IconHeartFilled.tsx

@@ -1,25 +1,25 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconHeartFilled = (props: IconProps) => {
-  const { width = 24, height = 24, fill = Palettes.red[500], ...rest } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        d="M12.082 4.932a.004.004 0 01-.006 0 5.67 5.67 0 00-8.374-.17c-2.27 2.35-2.27 6.158 0 8.507a6.019 6.019 0 00.166.169v.003l6.653 6.89c.862.892 2.26.892 3.122 0l6.655-6.891c2.27-2.35 2.27-6.159 0-8.508a5.67 5.67 0 00-8.216 0z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconHeartFilled = (props: IconProps) => {
+  const { width = 24, height = 24, fill = Palettes.red[500], ...rest } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        d="M12.082 4.932a.004.004 0 01-.006 0 5.67 5.67 0 00-8.374-.17c-2.27 2.35-2.27 6.158 0 8.507a6.019 6.019 0 00.166.169v.003l6.653 6.89c.862.892 2.26.892 3.122 0l6.655-6.891c2.27-2.35 2.27-6.159 0-8.508a5.67 5.67 0 00-8.216 0z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconHeartOutline.tsx

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconHeartOutline = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M10.734 6.132a3.87 3.87 0 00-5.738-.12c-1.595 1.652-1.595 4.355 0 6.007.039.04.077.078.117.116.048.046.094.095.137.146l6.566 6.799c.085.088.18.12.266.12a.364.364 0 00.266-.12l6.656-6.891c1.595-1.652 1.595-4.355 0-6.006a3.87 3.87 0 00-5.627 0 1.804 1.804 0 01-2.643-.051zm1.342-1.2a.004.004 0 00.006 0l.044-.045c.178-.18.364-.346.557-.498 2.277-1.79 5.538-1.608 7.615.543 2.27 2.35 2.27 6.158 0 8.508l-6.655 6.89a2.155 2.155 0 01-3.122 0l-6.653-6.889v-.003-.004a6.019 6.019 0 01-.166-.165c-2.27-2.349-2.27-6.158 0-8.507 2.131-2.207 5.507-2.34 7.79-.4a5.955 5.955 0 01.584.57z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconHeartOutline = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.734 6.132a3.87 3.87 0 00-5.738-.12c-1.595 1.652-1.595 4.355 0 6.007.039.04.077.078.117.116.048.046.094.095.137.146l6.566 6.799c.085.088.18.12.266.12a.364.364 0 00.266-.12l6.656-6.891c1.595-1.652 1.595-4.355 0-6.006a3.87 3.87 0 00-5.627 0 1.804 1.804 0 01-2.643-.051zm1.342-1.2a.004.004 0 00.006 0l.044-.045c.178-.18.364-.346.557-.498 2.277-1.79 5.538-1.608 7.615.543 2.27 2.35 2.27 6.158 0 8.508l-6.655 6.89a2.155 2.155 0 01-3.122 0l-6.653-6.889v-.003-.004a6.019 6.019 0 01-.166-.165c-2.27-2.349-2.27-6.158 0-8.507 2.131-2.207 5.507-2.34 7.79-.4a5.955 5.955 0 01.584.57z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconHelp.tsx

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconHelp = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M20 12a8 8 0 11-16 0 8 8 0 0116 0zm2 0c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zM9.5 9.866a1 1 0 001.366-.365c.957-1.386 2.807.459 1.29 1.36-.273.163-.63.432-.9.763-.257.313-.493.743-.52 1.272A1 1 0 0011.73 14c.761 0 .906-.405 1.053-.814.094-.262.189-.527.449-.686.826-.506 1.5-1.402 1.5-2.5a3 3 0 00-5.598-1.5 1 1 0 00.364 1.366zM10.73 16a1 1 0 112 0 1 1 0 01-2 0z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconHelp = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M20 12a8 8 0 11-16 0 8 8 0 0116 0zm2 0c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zM9.5 9.866a1 1 0 001.366-.365c.957-1.386 2.807.459 1.29 1.36-.273.163-.63.432-.9.763-.257.313-.493.743-.52 1.272A1 1 0 0011.73 14c.761 0 .906-.405 1.053-.814.094-.262.189-.527.449-.686.826-.506 1.5-1.402 1.5-2.5a3 3 0 00-5.598-1.5 1 1 0 00.364 1.366zM10.73 16a1 1 0 112 0 1 1 0 01-2 0z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};