@adiraku/react-native-ui 1.2.3-snapshot.3 → 1.2.3-snapshot.5

package/src/icons/actions/IconEmail.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 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>
-  );
-};
-
-export const IconEmailFilled = (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.71 3.71l-5.59 5.59c-.57.57-1.32.88-2.12.88s-1.55-.31-2.12-.88L4.29 7.71A.996.996 0 115.7 6.3l5.59 5.59c.38.38 1.04.38 1.41 0l5.59-5.59a.996.996 0 111.41 1.41h.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 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>
+  );
+};
+
+export const IconEmailFilled = (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.71 3.71l-5.59 5.59c-.57.57-1.32.88-2.12.88s-1.55-.31-2.12-.88L4.29 7.71A.996.996 0 115.7 6.3l5.59 5.59c.38.38 1.04.38 1.41 0l5.59-5.59a.996.996 0 111.41 1.41h.01z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconFilter.tsx

@@ -1,81 +1,81 @@
-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>
-  );
-};
-
-export const IconFilterFilled = (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 9H3c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1zM21 17H3c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1z"
-        fill={fill}
-      />
-      <Path
-        d="M8 12c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zM16 20c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"
-        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>
+  );
+};
+
+export const IconFilterFilled = (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 9H3c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1zM21 17H3c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1z"
+        fill={fill}
+      />
+      <Path
+        d="M8 12c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zM16 20c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconGallery.tsx

@@ -1,67 +1,67 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconGallery = (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 6c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1H5c-.55 0-1-.45-1-1V7c0-.55.45-1 1-1h14zm0-2H5C3.34 4 2 5.34 2 7v10c0 1.66 1.34 3 3 3h14c1.66 0 3-1.34 3-3V7c0-1.66-1.34-3-3-3z"
-        fill={fill}
-      />
-      <Path
-        d="M17 20c-.26 0-.51-.1-.71-.29L8.7 12.12a.996.996 0 00-1.41 0l-3.2 3.2a.996.996 0 11-1.41-1.41l3.2-3.2c1.13-1.13 3.11-1.13 4.24 0l7.59 7.59A.996.996 0 0117 20z"
-        fill={fill}
-      />
-      <Path
-        d="M21 18c-.26 0-.51-.1-.71-.29l-3.59-3.59a.996.996 0 00-1.41 0l-1.59 1.59a.996.996 0 11-1.41-1.41l1.59-1.59a3 3 0 014.24 0l3.59 3.59A.996.996 0 0121 18zM17 11c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
-
-export const IconGalleryFilled = (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.34 4 2 5.34 2 7v7.53l3.88-3.84a3.006 3.006 0 014.23.01L13 13.59l.88-.88a3 3 0 014.24 0L22 16.59V7c0-1.66-1.34-3-3-3zm-1 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"
-        fill={fill}
-      />
-      <Path
-        d="M15.29 14.12l-1.58 1.58a.996.996 0 01-1.41 0l-3.59-3.59c-.39-.38-1.02-.38-1.41 0l-5.27 5.21A2.987 2.987 0 005.01 20h14c.98 0 1.85-.47 2.39-1.19l-4.68-4.69c-.39-.39-1.03-.39-1.42 0h-.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 IconGallery = (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 6c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1H5c-.55 0-1-.45-1-1V7c0-.55.45-1 1-1h14zm0-2H5C3.34 4 2 5.34 2 7v10c0 1.66 1.34 3 3 3h14c1.66 0 3-1.34 3-3V7c0-1.66-1.34-3-3-3z"
+        fill={fill}
+      />
+      <Path
+        d="M17 20c-.26 0-.51-.1-.71-.29L8.7 12.12a.996.996 0 00-1.41 0l-3.2 3.2a.996.996 0 11-1.41-1.41l3.2-3.2c1.13-1.13 3.11-1.13 4.24 0l7.59 7.59A.996.996 0 0117 20z"
+        fill={fill}
+      />
+      <Path
+        d="M21 18c-.26 0-.51-.1-.71-.29l-3.59-3.59a.996.996 0 00-1.41 0l-1.59 1.59a.996.996 0 11-1.41-1.41l1.59-1.59a3 3 0 014.24 0l3.59 3.59A.996.996 0 0121 18zM17 11c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconGalleryFilled = (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.34 4 2 5.34 2 7v7.53l3.88-3.84a3.006 3.006 0 014.23.01L13 13.59l.88-.88a3 3 0 014.24 0L22 16.59V7c0-1.66-1.34-3-3-3zm-1 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"
+        fill={fill}
+      />
+      <Path
+        d="M15.29 14.12l-1.58 1.58a.996.996 0 01-1.41 0l-3.59-3.59c-.39-.38-1.02-.38-1.41 0l-5.27 5.21A2.987 2.987 0 005.01 20h14c.98 0 1.85-.47 2.39-1.19l-4.68-4.69c-.39-.39-1.03-.39-1.42 0h-.01z"
+        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>
+  );
+};