@adiraku/react-native-ui 0.1.14 → 0.1.16

package/src/icons/navigations/IconClose.tsx

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconClose = (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="M18.795 6.195a.7.7 0 00-.99-.99L12 11.01 6.195 5.205a.7.7 0 10-.99.99L11.01 12l-5.805 5.805a.7.7 0 00.99.99L12 12.99l5.805 5.805a.7.7 0 00.99-.99L12.99 12l5.805-5.805z"
+        fill={fill}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.018 5.382a.45.45 0 00-.636.636l5.805 5.805a.25.25 0 010 .354l-5.805 5.805a.45.45 0 00.636.636l5.805-5.805a.25.25 0 01.354 0l5.805 5.805a.45.45 0 00.636-.636l-5.805-5.805a.25.25 0 010-.354l5.805-5.805a.45.45 0 00-.636-.636l-5.805 5.805a.25.25 0 01-.354 0L6.018 5.382zm-.99-.354a.95.95 0 011.344 0L12 10.656l5.628-5.628a.95.95 0 011.344 1.344L13.343 12l5.629 5.628a.95.95 0 01-1.344 1.344L12 13.343l-5.628 5.629a.95.95 0 01-1.344-1.344L10.656 12 5.028 6.372a.95.95 0 010-1.344z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};