@adiraku/react-native-ui 0.2.1 → 0.2.3

package/src/icons/misc/IconCreditCard.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 IconCreditCard = (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="M7 4h10c2.762 0 5 2.21 5 4.936V15.064C22 17.79 19.762 20 17 20H7c-2.762 0-5-2.21-5-4.936V8.936C2 6.21 4.238 4 7 4zm10 1.645a3.325 3.325 0 013.253 2.568H3.747A3.325 3.325 0 017 5.645h10zm3.333 4.213H3.667v5.206c0 1.817 1.492 3.29 3.333 3.29h10c1.841 0 3.333-1.473 3.333-3.29V9.858zm-2.482 5.224a.828.828 0 00-.833-.823h-3.16l-.098.006a.827.827 0 00-.736.817c0 .454.373.822.833.822h3.16l.098-.005a.827.827 0 00.736-.817z"
-        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 IconCreditCard = (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="M7 4h10c2.762 0 5 2.21 5 4.936V15.064C22 17.79 19.762 20 17 20H7c-2.762 0-5-2.21-5-4.936V8.936C2 6.21 4.238 4 7 4zm10 1.645a3.325 3.325 0 013.253 2.568H3.747A3.325 3.325 0 017 5.645h10zm3.333 4.213H3.667v5.206c0 1.817 1.492 3.29 3.333 3.29h10c1.841 0 3.333-1.473 3.333-3.29V9.858zm-2.482 5.224a.828.828 0 00-.833-.823h-3.16l-.098.006a.827.827 0 00-.736.817c0 .454.373.822.833.822h3.16l.098-.005a.827.827 0 00.736-.817z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/misc/IconFlash.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 IconFlash = (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.08 3C7.483 3 7 3.466 7 4.04v9.363c0 .574.483 1.04 1.08 1.04h2.16v5.515c0 1.062 1.457 1.441 2.012.524l4.6-7.595c.42-.694-.1-1.565-.934-1.565H13.48l2.693-6.916C16.436 3.726 15.914 3 15.16 3H8.08z"
-        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 IconFlash = (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.08 3C7.483 3 7 3.466 7 4.04v9.363c0 .574.483 1.04 1.08 1.04h2.16v5.515c0 1.062 1.457 1.441 2.012.524l4.6-7.595c.42-.694-.1-1.565-.934-1.565H13.48l2.693-6.916C16.436 3.726 15.914 3 15.16 3H8.08z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/misc/IconGroup.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 IconGroup = (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.3 12.22A4.92 4.92 0 0014 8.5a5 5 0 00-10 0 4.92 4.92 0 001.7 3.72A8 8 0 001 19.5a1 1 0 102 0 6 6 0 0112 0 1 1 0 102 0 8 8 0 00-4.7-7.28zM9 11.5a3 3 0 110-6 3 3 0 010 6zm9.74.32A5 5 0 0015 3.5a1 1 0 100 2 3 3 0 013 3 3 3 0 01-1.5 2.59 1 1 0 00-.05 1.7l.39.26.13.07a7 7 0 014 6.38 1 1 0 102 0 9 9 0 00-4.23-7.68z"
-        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 IconGroup = (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.3 12.22A4.92 4.92 0 0014 8.5a5 5 0 00-10 0 4.92 4.92 0 001.7 3.72A8 8 0 001 19.5a1 1 0 102 0 6 6 0 0112 0 1 1 0 102 0 8 8 0 00-4.7-7.28zM9 11.5a3 3 0 110-6 3 3 0 010 6zm9.74.32A5 5 0 0015 3.5a1 1 0 100 2 3 3 0 013 3 3 3 0 01-1.5 2.59 1 1 0 00-.05 1.7l.39.26.13.07a7 7 0 014 6.38 1 1 0 102 0 9 9 0 00-4.23-7.68z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/misc/IconHistory.tsx

@@ -1,42 +1,42 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconHistory = (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="M13.053 5a6.948 6.948 0 00-6.948 6.948 1 1 0 11-2 0 8.948 8.948 0 112.821 6.52 1 1 0 111.37-1.457A6.948 6.948 0 1013.053 5z"
-        fill={fill}
-      />
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M13.052 6.782a.75.75 0 01.75.75v3.85c0 .087.046.168.122.214l1.722 1.033a.75.75 0 11-.772 1.286l-1.722-1.033a1.75 1.75 0 01-.85-1.5v-3.85a.75.75 0 01.75-.75z"
-        fill={fill}
-      />
-      <Path
-        d="M5.683 14.98a.883.883 0 01-1.156 0l-2.22-1.923c-.618-.536-.24-1.55.578-1.55h4.44c.817 0 1.196 1.014.578 1.55l-2.22 1.922z"
-        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 IconHistory = (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="M13.053 5a6.948 6.948 0 00-6.948 6.948 1 1 0 11-2 0 8.948 8.948 0 112.821 6.52 1 1 0 111.37-1.457A6.948 6.948 0 1013.053 5z"
+        fill={fill}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.052 6.782a.75.75 0 01.75.75v3.85c0 .087.046.168.122.214l1.722 1.033a.75.75 0 11-.772 1.286l-1.722-1.033a1.75 1.75 0 01-.85-1.5v-3.85a.75.75 0 01.75-.75z"
+        fill={fill}
+      />
+      <Path
+        d="M5.683 14.98a.883.883 0 01-1.156 0l-2.22-1.923c-.618-.536-.24-1.55.578-1.55h4.44c.817 0 1.196 1.014.578 1.55l-2.22 1.922z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/misc/IconLocation.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 IconLocation = (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="M11.438 21.748c.242.166.656.248 1.062.252.406-.004.82-.086 1.063-.252C17.813 18.85 21 14.023 21 10.663 21 5.402 16.962 2 12.5 2 8.037 2 4 5.402 4 10.663c0 3.36 3.188 8.187 7.438 11.085zM12.467 13c1.644 0 2.976-1.343 2.976-3s-1.332-3-2.975-3-2.975 1.343-2.975 3 1.332 3 2.975 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 IconLocation = (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="M11.438 21.748c.242.166.656.248 1.062.252.406-.004.82-.086 1.063-.252C17.813 18.85 21 14.023 21 10.663 21 5.402 16.962 2 12.5 2 8.037 2 4 5.402 4 10.663c0 3.36 3.188 8.187 7.438 11.085zM12.467 13c1.644 0 2.976-1.343 2.976-3s-1.332-3-2.975-3-2.975 1.343-2.975 3 1.332 3 2.975 3z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/misc/IconLock.tsx

@@ -1,33 +1,33 @@
-import * as React from 'react';
-import Svg, { Circle, Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconLock = (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="M15 7v1H9V7a3 3 0 116 0zM7 8V7a5 5 0 0110 0v1h1a2 2 0 012 2v10a2 2 0 01-2 2H6a2 2 0 01-2-2V10a2 2 0 012-2h1zm8.4 2H6v10h12V10h-2.6z"
-        fill={fill}
-      />
-      <Circle cx={12} cy={15} r={2} fill={fill} />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Circle, Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconLock = (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="M15 7v1H9V7a3 3 0 116 0zM7 8V7a5 5 0 0110 0v1h1a2 2 0 012 2v10a2 2 0 01-2 2H6a2 2 0 01-2-2V10a2 2 0 012-2h1zm8.4 2H6v10h12V10h-2.6z"
+        fill={fill}
+      />
+      <Circle cx={12} cy={15} r={2} fill={fill} />
+    </Svg>
+  );
+};

package/src/icons/misc/IconMoney.tsx

@@ -1,37 +1,37 @@
-import * as React from 'react';
-import Svg, { Circle, Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconMoney = (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}
-    >
-      <Circle cx={12} cy={12} r={9.25} stroke={fill} strokeWidth={1.5} />
-      <Path
-        d="M10.85 8c0-.552.465-1 1.038-1s1.037.448 1.037 1v.055c.578.087 1.028.26 1.349.426.381.198.47.647.287 1.026-.288.598-1.132.777-1.8.635a2.857 2.857 0 00-.597-.064c-.388 0-.761.104-.761.371 0 .189.383.326.9.51 1.065.38 2.697.962 2.697 2.622 0 1.05-.754 1.977-2.082 2.298.005.04.007.08.007.121 0 .552-.464 1-1.037 1s-1.037-.448-1.037-1c0-.035.002-.07.005-.103a4.785 4.785 0 01-1.426-.551c-.412-.241-.476-.752-.223-1.146.348-.542 1.147-.64 1.77-.427.257.088.548.15.859.15.388 0 .761-.105.761-.357 0-.228-.418-.387-.97-.596C10.562 12.566 9 11.973 9 10.33c0-1.057.75-1.819 1.85-2.148V8z"
-        fill={fill}
-      />
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M12 20a8 8 0 100-16 8 8 0 000 16zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Circle, Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconMoney = (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}
+    >
+      <Circle cx={12} cy={12} r={9.25} stroke={fill} strokeWidth={1.5} />
+      <Path
+        d="M10.85 8c0-.552.465-1 1.038-1s1.037.448 1.037 1v.055c.578.087 1.028.26 1.349.426.381.198.47.647.287 1.026-.288.598-1.132.777-1.8.635a2.857 2.857 0 00-.597-.064c-.388 0-.761.104-.761.371 0 .189.383.326.9.51 1.065.38 2.697.962 2.697 2.622 0 1.05-.754 1.977-2.082 2.298.005.04.007.08.007.121 0 .552-.464 1-1.037 1s-1.037-.448-1.037-1c0-.035.002-.07.005-.103a4.785 4.785 0 01-1.426-.551c-.412-.241-.476-.752-.223-1.146.348-.542 1.147-.64 1.77-.427.257.088.548.15.859.15.388 0 .761-.105.761-.357 0-.228-.418-.387-.97-.596C10.562 12.566 9 11.973 9 10.33c0-1.057.75-1.819 1.85-2.148V8z"
+        fill={fill}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12 20a8 8 0 100-16 8 8 0 000 16zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/misc/IconMyLocation.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 IconMyLocation = (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="M11.438 21.748c.242.166.656.248 1.062.252.406-.004.82-.086 1.063-.252C17.813 18.85 21 14.023 21 10.663 21 5.402 16.962 2 12.5 2 8.037 2 4 5.402 4 10.663c0 3.36 3.188 8.187 7.438 11.085zM12.467 13c1.644 0 2.976-1.343 2.976-3s-1.332-3-2.975-3-2.975 1.343-2.975 3 1.332 3 2.975 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 IconMyLocation = (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="M11.438 21.748c.242.166.656.248 1.062.252.406-.004.82-.086 1.063-.252C17.813 18.85 21 14.023 21 10.663 21 5.402 16.962 2 12.5 2 8.037 2 4 5.402 4 10.663c0 3.36 3.188 8.187 7.438 11.085zM12.467 13c1.644 0 2.976-1.343 2.976-3s-1.332-3-2.975-3-2.975 1.343-2.975 3 1.332 3 2.975 3z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/misc/IconOfficial.tsx

@@ -1,34 +1,34 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconOfficial = (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="M11.3 1.685a1 1 0 011.4 0l2.254 2.208a1 1 0 00.69.286l3.155.033a1 1 0 01.99.99l.032 3.155a1 1 0 00.286.689l2.208 2.254a1 1 0 010 1.4l-2.208 2.254a1 1 0 00-.286.69l-.033 3.155a1 1 0 01-.99.99l-3.155.032a1 1 0 00-.689.286L12.7 22.315a1 1 0 01-1.4 0l-2.254-2.208a1 1 0 00-.69-.286l-3.155-.033a1 1 0 01-.99-.99l-.032-3.155a1 1 0 00-.286-.689L1.685 12.7a1 1 0 010-1.4l2.208-2.254a1 1 0 00.286-.69l.033-3.155a1 1 0 01.99-.99l3.155-.032a1 1 0 00.689-.286L11.3 1.685z"
-        fill={fill}
-      />
-      <Path
-        d="M10.542 13.734l-1.58-1.556a.451.451 0 10-.634.644L10.542 15l5.132-5.048a.45.45 0 00-.63-.642l-4.502 4.424z"
-        fill="#fff"
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconOfficial = (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="M11.3 1.685a1 1 0 011.4 0l2.254 2.208a1 1 0 00.69.286l3.155.033a1 1 0 01.99.99l.032 3.155a1 1 0 00.286.689l2.208 2.254a1 1 0 010 1.4l-2.208 2.254a1 1 0 00-.286.69l-.033 3.155a1 1 0 01-.99.99l-3.155.032a1 1 0 00-.689.286L12.7 22.315a1 1 0 01-1.4 0l-2.254-2.208a1 1 0 00-.69-.286l-3.155-.033a1 1 0 01-.99-.99l-.032-3.155a1 1 0 00-.286-.689L1.685 12.7a1 1 0 010-1.4l2.208-2.254a1 1 0 00.286-.69l.033-3.155a1 1 0 01.99-.99l3.155-.032a1 1 0 00.689-.286L11.3 1.685z"
+        fill={fill}
+      />
+      <Path
+        d="M10.542 13.734l-1.58-1.556a.451.451 0 10-.634.644L10.542 15l5.132-5.048a.45.45 0 00-.63-.642l-4.502 4.424z"
+        fill="#fff"
+      />
+    </Svg>
+  );
+};