@adiraku/react-native-ui 1.2.3-snapshot.2 → 1.2.3-snapshot.4

package/src/icons/actions/IconReload.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 IconReload = (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="M14.18 8.37c.04.52.48.92 1 .92h.08l3.75-.31c.41-.03.76-.32.88-.71l1.08-3.6a1.003 1.003 0 00-1.92-.58l-.52 1.73A8.92 8.92 0 0012.01 3C7.04 2.99 3 7.03 3 11.99s4.04 9 9 9c3.73 0 7.12-2.34 8.43-5.83a1.01 1.01 0 00-.58-1.29c-.51-.19-1.09.07-1.29.58-1.02 2.71-3.65 4.54-6.55 4.54-3.86 0-7-3.14-7-7s3.14-7 7-7c1.93 0 3.72.78 5.02 2.14l-1.93.16c-.55.05-.96.53-.91 1.08h-.01z"
-        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 IconReload = (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="M14.18 8.37c.04.52.48.92 1 .92h.08l3.75-.31c.41-.03.76-.32.88-.71l1.08-3.6a1.003 1.003 0 00-1.92-.58l-.52 1.73A8.92 8.92 0 0012.01 3C7.04 2.99 3 7.03 3 11.99s4.04 9 9 9c3.73 0 7.12-2.34 8.43-5.83a1.01 1.01 0 00-.58-1.29c-.51-.19-1.09.07-1.29.58-1.02 2.71-3.65 4.54-6.55 4.54-3.86 0-7-3.14-7-7s3.14-7 7-7c1.93 0 3.72.78 5.02 2.14l-1.93.16c-.55.05-.96.53-.91 1.08h-.01z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconRoundAdd.tsx

@@ -1,63 +1,63 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconRoundAdd = (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="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zM4 12c0-4.4 3.6-8 8-8s8 3.6 8 8-3.6 8-8 8-8-3.6-8-8z"
-        fill={fill}
-      />
-      <Path
-        d="M16 11h-3V8c0-.55-.45-1-1-1s-1 .45-1 1v3H8c-.55 0-1 .45-1 1s.45 1 1 1h3v3c0 .55.45 1 1 1s1-.45 1-1v-3h3c.55 0 1-.45 1-1s-.45-1-1-1z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
-
-export const IconRoundAddFilled = (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="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4 11h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3H8c-.55 0-1-.45-1-1s.45-1 1-1h3V8c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"
-        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 IconRoundAdd = (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="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zM4 12c0-4.4 3.6-8 8-8s8 3.6 8 8-3.6 8-8 8-8-3.6-8-8z"
+        fill={fill}
+      />
+      <Path
+        d="M16 11h-3V8c0-.55-.45-1-1-1s-1 .45-1 1v3H8c-.55 0-1 .45-1 1s.45 1 1 1h3v3c0 .55.45 1 1 1s1-.45 1-1v-3h3c.55 0 1-.45 1-1s-.45-1-1-1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconRoundAddFilled = (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="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4 11h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3H8c-.55 0-1-.45-1-1s.45-1 1-1h3V8c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconRoundClose.tsx

@@ -1,63 +1,63 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconRoundClose = (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="M19.07 4.93c-3.89-3.89-10.25-3.89-14.14 0-3.89 3.89-3.89 10.25 0 14.14 3.89 3.89 10.25 3.89 14.14 0 3.89-3.89 3.89-10.25 0-14.14zM6.34 6.34c3.11-3.11 8.2-3.11 11.31 0 3.11 3.11 3.11 8.2 0 11.31-3.11 3.11-8.2 3.11-11.31 0-3.11-3.11-3.11-8.2 0-11.31z"
-        fill={fill}
-      />
-      <Path
-        d="M13.41 12l2.29-2.29a.996.996 0 10-1.41-1.41L12 10.59 9.71 8.3A.996.996 0 108.3 9.71L10.59 12 8.3 14.29a.996.996 0 00.71 1.7c.26 0 .51-.1.71-.29l2.29-2.29 2.29 2.29c.2.2.45.29.71.29.26 0 .51-.1.71-.29a.996.996 0 000-1.41L13.43 12h-.02z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
-
-export const IconRoundCloseFilled = (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="M19.07 4.93c-3.89-3.89-10.25-3.89-14.14 0-3.89 3.89-3.89 10.25 0 14.14 3.89 3.89 10.25 3.89 14.14 0 3.89-3.89 3.89-10.25 0-14.14zm-3.36 9.36a.996.996 0 01-.71 1.7c-.26 0-.51-.1-.71-.29L12 13.41 9.71 15.7c-.2.2-.45.29-.71.29-.26 0-.51-.1-.71-.29a.996.996 0 010-1.41L10.58 12 8.29 9.71A.996.996 0 119.7 8.3l2.29 2.29 2.29-2.29a.996.996 0 111.41 1.41L13.4 12l2.29 2.29h.02z"
-        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 IconRoundClose = (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="M19.07 4.93c-3.89-3.89-10.25-3.89-14.14 0-3.89 3.89-3.89 10.25 0 14.14 3.89 3.89 10.25 3.89 14.14 0 3.89-3.89 3.89-10.25 0-14.14zM6.34 6.34c3.11-3.11 8.2-3.11 11.31 0 3.11 3.11 3.11 8.2 0 11.31-3.11 3.11-8.2 3.11-11.31 0-3.11-3.11-3.11-8.2 0-11.31z"
+        fill={fill}
+      />
+      <Path
+        d="M13.41 12l2.29-2.29a.996.996 0 10-1.41-1.41L12 10.59 9.71 8.3A.996.996 0 108.3 9.71L10.59 12 8.3 14.29a.996.996 0 00.71 1.7c.26 0 .51-.1.71-.29l2.29-2.29 2.29 2.29c.2.2.45.29.71.29.26 0 .51-.1.71-.29a.996.996 0 000-1.41L13.43 12h-.02z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconRoundCloseFilled = (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="M19.07 4.93c-3.89-3.89-10.25-3.89-14.14 0-3.89 3.89-3.89 10.25 0 14.14 3.89 3.89 10.25 3.89 14.14 0 3.89-3.89 3.89-10.25 0-14.14zm-3.36 9.36a.996.996 0 01-.71 1.7c-.26 0-.51-.1-.71-.29L12 13.41 9.71 15.7c-.2.2-.45.29-.71.29-.26 0-.51-.1-.71-.29a.996.996 0 010-1.41L10.58 12 8.29 9.71A.996.996 0 119.7 8.3l2.29 2.29 2.29-2.29a.996.996 0 111.41 1.41L13.4 12l2.29 2.29h.02z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconSearch.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 IconSearch = (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.323 10.569a6.754 6.754 0 11-13.508 0 6.754 6.754 0 0113.508 0zm-1.367 6.664a8.569 8.569 0 111.282-1.284l4.553 4.498a.907.907 0 11-1.275 1.291l-4.56-4.505z"
-        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 IconSearch = (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.323 10.569a6.754 6.754 0 11-13.508 0 6.754 6.754 0 0113.508 0zm-1.367 6.664a8.569 8.569 0 111.282-1.284l4.553 4.498a.907.907 0 11-1.275 1.291l-4.56-4.505z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconSeeHide.tsx

@@ -1,31 +1,31 @@
-import * as React from 'react';
-import Svg, { G, Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconSeeHide = (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}
-    >
-      <G fill={fill}>
-        <Path d="M12 7.247c3.35 0 6.48 1.72 8.25 4.5-1.76 2.78-4.9 4.5-8.25 4.5-3.35 0-6.48-1.72-8.25-4.5 1.76-2.78 4.9-4.5 8.25-4.5zm0-1.5c-3.99 0-7.71 2.11-9.7 5.5l-.3.5.3.5c2.01 3.39 5.72 5.5 9.7 5.5 3.98 0 7.71-2.11 9.7-5.5l.3-.5-.3-.5c-2.01-3.39-5.71-5.5-9.7-5.5z" />
-        <Path d="M12 15.998a4.26 4.26 0 01-4.25-4.25A4.26 4.26 0 0112 7.498a4.26 4.26 0 014.25 4.25 4.26 4.26 0 01-4.25 4.25zm0-7c-1.52 0-2.75 1.23-2.75 2.75s1.23 2.75 2.75 2.75 2.75-1.23 2.75-2.75-1.23-2.75-2.75-2.75z" />
-        <Path d="M6 18.497c-.19 0-.38-.07-.53-.22a.754.754 0 010-1.06l12-12c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-12 12c-.15.15-.34.22-.53.22z" />
-      </G>
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { G, Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconSeeHide = (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}
+    >
+      <G fill={fill}>
+        <Path d="M12 7.247c3.35 0 6.48 1.72 8.25 4.5-1.76 2.78-4.9 4.5-8.25 4.5-3.35 0-6.48-1.72-8.25-4.5 1.76-2.78 4.9-4.5 8.25-4.5zm0-1.5c-3.99 0-7.71 2.11-9.7 5.5l-.3.5.3.5c2.01 3.39 5.72 5.5 9.7 5.5 3.98 0 7.71-2.11 9.7-5.5l.3-.5-.3-.5c-2.01-3.39-5.71-5.5-9.7-5.5z" />
+        <Path d="M12 15.998a4.26 4.26 0 01-4.25-4.25A4.26 4.26 0 0112 7.498a4.26 4.26 0 014.25 4.25 4.26 4.26 0 01-4.25 4.25zm0-7c-1.52 0-2.75 1.23-2.75 2.75s1.23 2.75 2.75 2.75 2.75-1.23 2.75-2.75-1.23-2.75-2.75-2.75z" />
+        <Path d="M6 18.497c-.19 0-.38-.07-.53-.22a.754.754 0 010-1.06l12-12c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-12 12c-.15.15-.34.22-.53.22z" />
+      </G>
+    </Svg>
+  );
+};

package/src/icons/actions/IconSeeShow.tsx

@@ -1,30 +1,30 @@
-import * as React from 'react';
-import Svg, { G, Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconSeeShow = (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}
-    >
-      <G fill={fill}>
-        <Path d="M12 7.5c3.35 0 6.48 1.72 8.25 4.5-1.76 2.78-4.9 4.5-8.25 4.5-3.35 0-6.48-1.72-8.25-4.5C5.51 9.22 8.65 7.5 12 7.5zM12 6c-3.99 0-7.71 2.11-9.7 5.5L2 12l.3.5C4.31 15.89 8.02 18 12 18c3.98 0 7.71-2.11 9.7-5.5l.3-.5-.3-.5C19.69 8.11 15.99 6 12 6z" />
-        <Path d="M12 16.25A4.26 4.26 0 017.75 12 4.26 4.26 0 0112 7.75 4.26 4.26 0 0116.25 12 4.26 4.26 0 0112 16.25zm0-7c-1.52 0-2.75 1.23-2.75 2.75s1.23 2.75 2.75 2.75 2.75-1.23 2.75-2.75S13.52 9.25 12 9.25z" />
-      </G>
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { G, Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconSeeShow = (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}
+    >
+      <G fill={fill}>
+        <Path d="M12 7.5c3.35 0 6.48 1.72 8.25 4.5-1.76 2.78-4.9 4.5-8.25 4.5-3.35 0-6.48-1.72-8.25-4.5C5.51 9.22 8.65 7.5 12 7.5zM12 6c-3.99 0-7.71 2.11-9.7 5.5L2 12l.3.5C4.31 15.89 8.02 18 12 18c3.98 0 7.71-2.11 9.7-5.5l.3-.5-.3-.5C19.69 8.11 15.99 6 12 6z" />
+        <Path d="M12 16.25A4.26 4.26 0 017.75 12 4.26 4.26 0 0112 7.75 4.26 4.26 0 0116.25 12 4.26 4.26 0 0112 16.25zm0-7c-1.52 0-2.75 1.23-2.75 2.75s1.23 2.75 2.75 2.75 2.75-1.23 2.75-2.75S13.52 9.25 12 9.25z" />
+      </G>
+    </Svg>
+  );
+};

package/src/icons/actions/IconSetting.tsx

@@ -1,59 +1,59 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconSetting = (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="M9.226 3.626l-.552.974c-.278.49-.793.79-1.35.788l-1.11-.005c-2.471-.009-4.018 2.7-2.775 4.859l.558.97a1.576 1.576 0 010 1.575l-.558.97c-1.243 2.16.304 4.868 2.775 4.859l1.11-.005c.557-.001 1.072.3 1.35.789l.552.974c1.227 2.168 4.321 2.168 5.549 0l.552-.974c.277-.49.792-.79 1.35-.788l1.11.004c2.47.009 4.018-2.7 2.774-4.859l-.558-.97a1.576 1.576 0 010-1.574l.558-.972c1.244-2.158-.303-4.867-2.775-4.858l-1.11.005a1.545 1.545 0 01-1.35-.788l-.551-.974c-1.228-2.168-4.322-2.168-5.55 0zm4.118.828l.552.975a3.19 3.19 0 002.786 1.625l1.11-.004c1.197-.004 1.946 1.308 1.344 2.353l-.558.972a3.258 3.258 0 000 3.251l.558.97c.602 1.046-.147 2.357-1.344 2.353l-1.11-.004a3.193 3.193 0 00-2.786 1.626l-.552.974a1.54 1.54 0 01-2.688 0l-.552-.974a3.193 3.193 0 00-2.785-1.626l-1.111.004c-1.197.004-1.946-1.308-1.344-2.353l.558-.97a3.258 3.258 0 000-3.252l-.559-.97c-.601-1.046.148-2.358 1.345-2.354l1.11.004a3.19 3.19 0 002.786-1.625l.552-.974a1.54 1.54 0 012.688-.001zM12 8.006c-2.182 0-3.95 1.788-3.95 3.994 0 2.206 1.768 3.994 3.95 3.994 2.182 0 3.95-1.788 3.95-3.994 0-2.206-1.768-3.994-3.95-3.994zm0 1.666c1.272 0 2.302 1.042 2.302 2.328 0 1.285-1.03 2.327-2.302 2.327S9.698 13.285 9.698 12c0-1.286 1.03-2.328 2.302-2.328z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
-
-export const IconSettingFilled = (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 12.79c-.28-.49-.28-1.09 0-1.57l.56-.97c1.24-2.16-.3-4.87-2.77-4.86h-1.11c-.56 0-1.07-.29-1.35-.78l-.55-.97c-1.23-2.17-4.32-2.17-5.55 0l-.55.97c-.28.49-.79.79-1.35.79H6.22c-2.47-.01-4.02 2.69-2.78 4.85l.56.97c.28.49.28 1.09 0 1.57l-.56.97c-1.24 2.16.3 4.87 2.78 4.86h1.11c.56 0 1.07.3 1.35.78l.55.97c1.23 2.17 4.32 2.17 5.55 0l.55-.97c.28-.49.79-.79 1.35-.79h1.11c2.47.01 4.02-2.7 2.77-4.85l-.56-.97zM12 15c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z"
-        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 IconSetting = (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="M9.226 3.626l-.552.974c-.278.49-.793.79-1.35.788l-1.11-.005c-2.471-.009-4.018 2.7-2.775 4.859l.558.97a1.576 1.576 0 010 1.575l-.558.97c-1.243 2.16.304 4.868 2.775 4.859l1.11-.005c.557-.001 1.072.3 1.35.789l.552.974c1.227 2.168 4.321 2.168 5.549 0l.552-.974c.277-.49.792-.79 1.35-.788l1.11.004c2.47.009 4.018-2.7 2.774-4.859l-.558-.97a1.576 1.576 0 010-1.574l.558-.972c1.244-2.158-.303-4.867-2.775-4.858l-1.11.005a1.545 1.545 0 01-1.35-.788l-.551-.974c-1.228-2.168-4.322-2.168-5.55 0zm4.118.828l.552.975a3.19 3.19 0 002.786 1.625l1.11-.004c1.197-.004 1.946 1.308 1.344 2.353l-.558.972a3.258 3.258 0 000 3.251l.558.97c.602 1.046-.147 2.357-1.344 2.353l-1.11-.004a3.193 3.193 0 00-2.786 1.626l-.552.974a1.54 1.54 0 01-2.688 0l-.552-.974a3.193 3.193 0 00-2.785-1.626l-1.111.004c-1.197.004-1.946-1.308-1.344-2.353l.558-.97a3.258 3.258 0 000-3.252l-.559-.97c-.601-1.046.148-2.358 1.345-2.354l1.11.004a3.19 3.19 0 002.786-1.625l.552-.974a1.54 1.54 0 012.688-.001zM12 8.006c-2.182 0-3.95 1.788-3.95 3.994 0 2.206 1.768 3.994 3.95 3.994 2.182 0 3.95-1.788 3.95-3.994 0-2.206-1.768-3.994-3.95-3.994zm0 1.666c1.272 0 2.302 1.042 2.302 2.328 0 1.285-1.03 2.327-2.302 2.327S9.698 13.285 9.698 12c0-1.286 1.03-2.328 2.302-2.328z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconSettingFilled = (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 12.79c-.28-.49-.28-1.09 0-1.57l.56-.97c1.24-2.16-.3-4.87-2.77-4.86h-1.11c-.56 0-1.07-.29-1.35-.78l-.55-.97c-1.23-2.17-4.32-2.17-5.55 0l-.55.97c-.28.49-.79.79-1.35.79H6.22c-2.47-.01-4.02 2.69-2.78 4.85l.56.97c.28.49.28 1.09 0 1.57l-.56.97c-1.24 2.16.3 4.87 2.78 4.86h1.11c.56 0 1.07.3 1.35.78l.55.97c1.23 2.17 4.32 2.17 5.55 0l.55-.97c.28-.49.79-.79 1.35-.79h1.11c2.47.01 4.02-2.7 2.77-4.85l-.56-.97zM12 15c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};