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

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,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 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>
-  );
-};
-
-export const IconHelpFilled = (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="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10zM9.5 9.87c.48.28 1.09.11 1.37-.36.96-1.39 2.81.46 1.29 1.36-.27.16-.63.43-.9.76-.26.31-.49.74-.52 1.27v.1c0 .55.45 1 1 1 .76 0 .91-.4 1.05-.81.09-.26.19-.53.45-.69.83-.51 1.5-1.4 1.5-2.5 0-1.66-1.34-3-3-3-1.11 0-2.08.61-2.6 1.5-.28.48-.11 1.09.36 1.37zM10.73 16c0-.55.45-1 1-1s1 .45 1 1-.45 1-1 1-1-.45-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 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>
+  );
+};
+
+export const IconHelpFilled = (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="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10zM9.5 9.87c.48.28 1.09.11 1.37-.36.96-1.39 2.81.46 1.29 1.36-.27.16-.63.43-.9.76-.26.31-.49.74-.52 1.27v.1c0 .55.45 1 1 1 .76 0 .91-.4 1.05-.81.09-.26.19-.53.45-.69.83-.51 1.5-1.4 1.5-2.5 0-1.66-1.34-3-3-3-1.11 0-2.08.61-2.6 1.5-.28.48-.11 1.09.36 1.37zM10.73 16c0-.55.45-1 1-1s1 .45 1 1-.45 1-1 1-1-.45-1-1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconInfo.tsx

@@ -1,65 +1,65 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconInfo = (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 10.5a1 1 0 011 1v4a1 1 0 11-2 0v-4a1 1 0 011-1zM12 7a1 1 0 011 1v.5a1 1 0 11-2 0V8a1 1 0 011-1z"
-        fill={fill}
-      />
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zM4 12a8 8 0 1116 0 8 8 0 01-16 0z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
-
-export const IconInfoFilled = (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.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 13.5c0 .55-.45 1-1 1s-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4zm0-7c0 .55-.45 1-1 1s-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v.5z"
-        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 IconInfo = (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 10.5a1 1 0 011 1v4a1 1 0 11-2 0v-4a1 1 0 011-1zM12 7a1 1 0 011 1v.5a1 1 0 11-2 0V8a1 1 0 011-1z"
+        fill={fill}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zM4 12a8 8 0 1116 0 8 8 0 01-16 0z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconInfoFilled = (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.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 13.5c0 .55-.45 1-1 1s-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4zm0-7c0 .55-.45 1-1 1s-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v.5z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconJualMobil.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 IconJualMobil = (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="M8 14.5H6.5c-.55 0-1 .45-1 1s.45 1 1 1H8c.55 0 1-.45 1-1s-.45-1-1-1zM17.5 14.5H16c-.55 0-1 .45-1 1s.45 1 1 1h1.5c.55 0 1-.45 1-1s-.45-1-1-1zM16.76 12.49c-.27 0-.52-.11-.71-.29l-4.24-4.24a.99.99 0 01-.29-.71V4.42c0-.27.11-.52.29-.71l1.41-1.41a.99.99 0 01.71-.29h2.83c.27 0 .52.11.71.29l4.24 4.24c.39.39.39 1.02 0 1.41l-4.24 4.24a.99.99 0 01-.71.29v.01zm-3.24-5.66l3.24 3.24 2.83-2.83L16.35 4h-2l-.83.83v2z"
-        fill={fill}
-      />
-      <Path
-        d="M14.99 5.97a.5.5 0 100-1 .5.5 0 000 1zM20.88 11.5H21c.55 0 1-.45 1-1 0-.38-.22-.72-.54-.89l-3.29 3.29s-.08.08-.12.1h1.52l.36 5H4.07l.36-5h11.03s-.08-.06-.12-.1l-1.9-1.9H6.12l1.5-3H9.5c.55 0 1-.45 1-1s-.45-1-1-1H7.62c-.77 0-1.45.42-1.79 1.11L4.63 9.5H3c-.55 0-1 .45-1 1s.45 1 1 1h.12c-.39.34-.65.81-.68 1.36l-.36 5c-.04.55.15 1.1.53 1.5.36.39.87.62 1.39.64v.5c0 .83.67 1.5 1.5 1.5S7 21.33 7 20.5V20h10v.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V20c.52-.02 1.03-.25 1.39-.64.38-.4.57-.95.53-1.5l-.36-5a1.95 1.95 0 00-.68-1.36z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
-
-export const IconJualMobilFilled = (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="M21.71 6.54L17.47 2.3a.99.99 0 00-.71-.29h-2.83c-.27 0-.52.11-.71.29l-1.41 1.41a.99.99 0 00-.29.71v2.83c0 .27.11.52.29.71l4.24 4.24c.19.19.44.29.71.29.27 0 .52-.11.71-.29l4.24-4.24a.996.996 0 000-1.41v-.01zm-7.36-1.71c-.2.2-.51.2-.71 0-.2-.2-.2-.51 0-.71.2-.2.51-.2.71 0 .2.2.2.51 0 .71z"
-        fill={fill}
-      />
-      <Path
-        d="M20.88 11.5H21c.55 0 1-.45 1-1 0-.38-.22-.72-.54-.89l-3.29 3.29c-.38.38-.88.59-1.41.59-.53 0-1.04-.21-1.42-.59l-1.4-1.4H6.12L7.62 8H9.5c.55 0 1-.45 1-1s-.45-1-1-1H7.62c-.77 0-1.45.42-1.79 1.11L4.63 9.5H3c-.55 0-1 .45-1 1s.45 1 1 1h.12c-.39.34-.65.81-.68 1.36l-.36 5c-.04.55.15 1.1.53 1.5.36.39.87.62 1.39.64v.5c0 .83.67 1.5 1.5 1.5S7 21.33 7 20.5V20h10v.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V20c.52-.02 1.03-.25 1.39-.64.38-.4.57-.95.53-1.5l-.36-5a1.95 1.95 0 00-.68-1.36zM8 16.5H6.5c-.55 0-1-.45-1-1s.45-1 1-1H8c.55 0 1 .45 1 1s-.45 1-1 1zm9.5 0H16c-.55 0-1-.45-1-1s.45-1 1-1h1.5c.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 IconJualMobil = (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="M8 14.5H6.5c-.55 0-1 .45-1 1s.45 1 1 1H8c.55 0 1-.45 1-1s-.45-1-1-1zM17.5 14.5H16c-.55 0-1 .45-1 1s.45 1 1 1h1.5c.55 0 1-.45 1-1s-.45-1-1-1zM16.76 12.49c-.27 0-.52-.11-.71-.29l-4.24-4.24a.99.99 0 01-.29-.71V4.42c0-.27.11-.52.29-.71l1.41-1.41a.99.99 0 01.71-.29h2.83c.27 0 .52.11.71.29l4.24 4.24c.39.39.39 1.02 0 1.41l-4.24 4.24a.99.99 0 01-.71.29v.01zm-3.24-5.66l3.24 3.24 2.83-2.83L16.35 4h-2l-.83.83v2z"
+        fill={fill}
+      />
+      <Path
+        d="M14.99 5.97a.5.5 0 100-1 .5.5 0 000 1zM20.88 11.5H21c.55 0 1-.45 1-1 0-.38-.22-.72-.54-.89l-3.29 3.29s-.08.08-.12.1h1.52l.36 5H4.07l.36-5h11.03s-.08-.06-.12-.1l-1.9-1.9H6.12l1.5-3H9.5c.55 0 1-.45 1-1s-.45-1-1-1H7.62c-.77 0-1.45.42-1.79 1.11L4.63 9.5H3c-.55 0-1 .45-1 1s.45 1 1 1h.12c-.39.34-.65.81-.68 1.36l-.36 5c-.04.55.15 1.1.53 1.5.36.39.87.62 1.39.64v.5c0 .83.67 1.5 1.5 1.5S7 21.33 7 20.5V20h10v.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V20c.52-.02 1.03-.25 1.39-.64.38-.4.57-.95.53-1.5l-.36-5a1.95 1.95 0 00-.68-1.36z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconJualMobilFilled = (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="M21.71 6.54L17.47 2.3a.99.99 0 00-.71-.29h-2.83c-.27 0-.52.11-.71.29l-1.41 1.41a.99.99 0 00-.29.71v2.83c0 .27.11.52.29.71l4.24 4.24c.19.19.44.29.71.29.27 0 .52-.11.71-.29l4.24-4.24a.996.996 0 000-1.41v-.01zm-7.36-1.71c-.2.2-.51.2-.71 0-.2-.2-.2-.51 0-.71.2-.2.51-.2.71 0 .2.2.2.51 0 .71z"
+        fill={fill}
+      />
+      <Path
+        d="M20.88 11.5H21c.55 0 1-.45 1-1 0-.38-.22-.72-.54-.89l-3.29 3.29c-.38.38-.88.59-1.41.59-.53 0-1.04-.21-1.42-.59l-1.4-1.4H6.12L7.62 8H9.5c.55 0 1-.45 1-1s-.45-1-1-1H7.62c-.77 0-1.45.42-1.79 1.11L4.63 9.5H3c-.55 0-1 .45-1 1s.45 1 1 1h.12c-.39.34-.65.81-.68 1.36l-.36 5c-.04.55.15 1.1.53 1.5.36.39.87.62 1.39.64v.5c0 .83.67 1.5 1.5 1.5S7 21.33 7 20.5V20h10v.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V20c.52-.02 1.03-.25 1.39-.64.38-.4.57-.95.53-1.5l-.36-5a1.95 1.95 0 00-.68-1.36zM8 16.5H6.5c-.55 0-1-.45-1-1s.45-1 1-1H8c.55 0 1 .45 1 1s-.45 1-1 1zm9.5 0H16c-.55 0-1-.45-1-1s.45-1 1-1h1.5c.55 0 1 .45 1 1s-.45 1-1 1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconLike.tsx

@@ -1,55 +1,55 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconLike = (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="M9.273 21h8.181c.755 0 1.4-.464 1.673-1.133l2.746-6.547a1.87 1.87 0 00.127-.677v-1.858c0-1.021-.818-1.857-1.818-1.857h-5.736l.863-4.243.027-.298c0-.38-.154-.733-.4-.984a1.343 1.343 0 00-1.922.005l-5.032 5.14a1.866 1.866 0 00-.527 1.309v9.286c0 1.021.818 1.857 1.818 1.857zm0-11.143l3.945-4.03L12 10.785h8.182v1.858l-2.727 6.5H9.272V9.857zM2 9.857h3.636V21H2V9.857z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
-
-export const IconLikeFilled = (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="M16.68 21H11c-1.65 0-3-1.35-3-3v-7.28c0-.7.25-1.38.7-1.92l4.54-5.44a1.001 1.001 0 011.76.8L14.19 9h5.82c1.1 0 2 .9 2 2v1.18c0 .68-.14 1.34-.4 1.97l-2.16 5.03A3.007 3.007 0 0116.69 21h-.01zM5 10H3a1 1 0 00-1 1v9a1 1 0 001 1h2a1 1 0 001-1v-9a1 1 0 00-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 IconLike = (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="M9.273 21h8.181c.755 0 1.4-.464 1.673-1.133l2.746-6.547a1.87 1.87 0 00.127-.677v-1.858c0-1.021-.818-1.857-1.818-1.857h-5.736l.863-4.243.027-.298c0-.38-.154-.733-.4-.984a1.343 1.343 0 00-1.922.005l-5.032 5.14a1.866 1.866 0 00-.527 1.309v9.286c0 1.021.818 1.857 1.818 1.857zm0-11.143l3.945-4.03L12 10.785h8.182v1.858l-2.727 6.5H9.272V9.857zM2 9.857h3.636V21H2V9.857z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconLikeFilled = (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="M16.68 21H11c-1.65 0-3-1.35-3-3v-7.28c0-.7.25-1.38.7-1.92l4.54-5.44a1.001 1.001 0 011.76.8L14.19 9h5.82c1.1 0 2 .9 2 2v1.18c0 .68-.14 1.34-.4 1.97l-2.16 5.03A3.007 3.007 0 0116.69 21h-.01zM5 10H3a1 1 0 00-1 1v9a1 1 0 001 1h2a1 1 0 001-1v-9a1 1 0 00-1-1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};