chore: 🍱 added new set of icons

Karthik-B-06 · Karthik-B-06 · commit 41c35a5caf91 · 2022-06-08T11:40:58.000+05:30
diff --git a/src/icons/Add.tsx b/src/icons/Add.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+import { IconProps } from "../utils/types";
+
+export const Add: React.FC<IconProps> = ({ fill = "#525252" }) => {
+  return (
+    <Svg width="12" height="12" viewBox="0 0 12 12" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.65156 2.00156C6.65156 1.64258 6.36055 1.35156 6.00156 1.35156C5.64258 1.35156 5.35156 1.64258 5.35156 2.00156V5.35156H2.00156C1.64258 5.35156 1.35156 5.64258 1.35156 6.00156C1.35156 6.36055 1.64258 6.65156 2.00156 6.65156H5.35156V10.0016C5.35156 10.3605 5.64258 10.6516 6.00156 10.6516C6.36055 10.6516 6.65156 10.3605 6.65156 10.0016V6.65156H10.0016C10.3605 6.65156 10.6516 6.36055 10.6516 6.00156C10.6516 5.64258 10.3605 5.35156 10.0016 5.35156H6.65156V2.00156Z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
diff --git a/src/icons/AddSmall.tsx b/src/icons/AddSmall.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+import { IconProps } from "../utils/types";
+
+export const AddSmall: React.FC<IconProps> = ({ fill = "#525252" }) => {
+  return (
+    <Svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.65502 2.65C6.65502 2.29101 6.36401 2 6.00502 2C5.64604 2 5.35502 2.29101 5.35502 2.65V5.35502H2.65C2.29101 5.35502 2 5.64604 2 6.00502C2 6.36401 2.29101 6.65502 2.65 6.65502H5.35502V9.3547C5.35502 9.71368 5.64604 10.0047 6.00502 10.0047C6.36401 10.0047 6.65502 9.71368 6.65502 9.3547V6.65502H9.3547C9.71368 6.65502 10.0047 6.36401 10.0047 6.00502C10.0047 5.64604 9.71368 5.35502 9.3547 5.35502H6.65502V2.65Z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
diff --git a/src/icons/Calendar.tsx b/src/icons/Calendar.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+import { IconProps } from "../utils/types";
+
+export const Calendar: React.FC<IconProps> = ({ fill = "#525252" }) => {
+  return (
+    <Svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.00156 0.351562C1.53801 0.351562 0.351562 1.53801 0.351562 3.00156V9.00156C0.351562 10.4651 1.53801 11.6516 3.00156 11.6516H9.00156C10.4651 11.6516 11.6516 10.4651 11.6516 9.00156V3.00156C11.6516 1.53801 10.4651 0.351562 9.00156 0.351562H3.00156ZM1.65156 3.00156C1.65156 2.25598 2.25598 1.65156 3.00156 1.65156H9.00156C9.74715 1.65156 10.3516 2.25598 10.3516 3.00156V9.00156C10.3516 9.74715 9.74715 10.3516 9.00156 10.3516H3.00156C2.25598 10.3516 1.65156 9.74715 1.65156 9.00156V3.00156ZM4.00156 2.85156C3.64258 2.85156 3.35156 3.14258 3.35156 3.50156C3.35156 3.86055 3.64258 4.15156 4.00156 4.15156H8.00156C8.36055 4.15156 8.65156 3.86055 8.65156 3.50156C8.65156 3.14258 8.36055 2.85156 8.00156 2.85156H4.00156Z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
diff --git a/src/icons/CaretDown.tsx b/src/icons/CaretDown.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+import { IconProps } from "../utils/types";
+
+export const CaretDown: React.FC<IconProps> = ({ fill = "#525252" }) => {
+  return (
+    <Svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
+      <Path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M1.807 4.02737C1.54511 4.27289 1.53184 4.68423 1.77737 4.94613L5.52737 8.94613C5.65025 9.0772 5.8219 9.15157 6.00156 9.15157C6.18123 9.15157 6.35288 9.0772 6.47576 8.94613L10.2258 4.94613C10.4713 4.68423 10.458 4.27289 10.1961 4.02737C9.93423 3.78184 9.52289 3.79511 9.27737 4.057L6.00156 7.55119L2.72576 4.057C2.48024 3.79511 2.0689 3.78184 1.807 4.02737Z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
diff --git a/src/icons/CheckSmall.tsx b/src/icons/CheckSmall.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+import { IconProps } from "../utils";
+
+export const CheckSmall: React.FC<IconProps> = ({ fill = "#525252" }) => {
+  return (
+    <Svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.60453 2.95886C9.87622 3.1935 9.90625 3.60396 9.67161 3.87564L5.36269 8.86492C5.24074 9.00613 5.06398 9.08812 4.87741 9.09003C4.69083 9.09194 4.51244 9.01358 4.38762 8.87489L2.34655 6.60704C2.1064 6.34021 2.12803 5.92922 2.39487 5.68907C2.6617 5.44892 3.07269 5.47055 3.31283 5.73739L4.86071 7.45724L8.68774 3.02594C8.92238 2.75425 9.33284 2.72422 9.60453 2.95886Z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
diff --git a/src/icons/CloseSmall.tsx b/src/icons/CloseSmall.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+import { IconProps } from "../utils/types";
+
+export const CloseSmall: React.FC<IconProps> = ({ fill = "#525252" }) => {
+  return (
+    <Svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.8897 8.1757C2.63745 8.43112 2.64149 8.84116 2.89873 9.09156C3.15597 9.34196 3.56899 9.33789 3.82124 9.08247L5.97993 6.89664L8.14041 9.04157C8.39517 9.2945 8.80821 9.2945 9.06297 9.04157C9.31773 8.78865 9.31773 8.37858 9.06297 8.12566L6.89339 5.9717L9.01473 3.82369C9.26698 3.56827 9.26294 3.15822 9.0057 2.90782C8.74847 2.65742 8.33545 2.6615 8.0832 2.91692L5.97085 5.05581L3.81675 2.91722C3.56199 2.6643 3.14895 2.6643 2.89419 2.91722C2.63944 3.17014 2.63944 3.58021 2.89419 3.83313L5.05739 5.98075L2.8897 8.1757Z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
diff --git a/src/icons/DefaultUser.tsx b/src/icons/DefaultUser.tsx
@@ -3,14 +3,14 @@ import Svg, { ClipPath, Defs, G, Path, Rect } from "react-native-svg";
 
 import { IconProps } from "../utils";
 
-export const DefaultUser: React.FC<IconProps> = ({ fill = "#52525B" }) => {
+export const DefaultUser: React.FC<IconProps> = ({ fill = "#525252" }) => {
   return (
     <Svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
       <G clipPath="url(#clip0_205_794)">
         <Path
           fillRule="evenodd"
           clipRule="evenodd"
-          d="M4.74996 2.99998C4.74996 2.30962 5.3096 1.74998 5.99996 1.74998C6.69031 1.74998 7.24996 2.30962 7.24996 2.99998C7.24996 3.69033 6.69031 4.24998 5.99996 4.24998C5.3096 4.24998 4.74996 3.69033 4.74996 2.99998ZM5.99996 0.249976C4.48117 0.249976 3.24996 1.48119 3.24996 2.99998C3.24996 4.51876 4.48117 5.74998 5.99996 5.74998C7.51874 5.74998 8.74996 4.51876 8.74996 2.99998C8.74996 1.48119 7.51874 0.249976 5.99996 0.249976ZM5.99996 6.24998C5.26541 6.24998 4.53544 6.3656 3.85063 6.59253C3.16593 6.81941 2.53467 7.15488 1.9959 7.5859C1.62822 7.88004 1.31001 8.21353 1.04939 8.57815C0.48594 9.36643 0.601539 10.2418 1.0692 10.8797C1.50953 11.4802 2.25166 11.8789 3.04145 11.9579C5.00888 12.1546 6.99103 12.1546 8.95847 11.9579C9.74826 11.8789 10.4904 11.4802 10.9307 10.8797C11.3984 10.2418 11.514 9.36643 10.9505 8.57815C10.6899 8.21353 10.3717 7.88004 10.004 7.5859C8.91931 6.71814 7.47746 6.24998 5.99996 6.24998ZM4.32245 8.01639C4.8509 7.84128 5.42129 7.74998 5.99996 7.74998C7.17462 7.74998 8.2763 8.12467 9.06697 8.7572C9.33256 8.96967 9.5539 9.20374 9.73021 9.45041C9.8161 9.57057 9.83108 9.66099 9.8285 9.72484C9.82566 9.79533 9.79841 9.88716 9.721 9.99274C9.55788 10.2152 9.22072 10.4242 8.80921 10.4653C6.94103 10.6521 5.05888 10.6521 3.1907 10.4653C2.77919 10.4242 2.44204 10.2152 2.27891 9.99274C2.2015 9.88716 2.17425 9.79533 2.17141 9.72484C2.16883 9.66099 2.18381 9.57057 2.2697 9.45041C2.44601 9.20374 2.66736 8.96967 2.93294 8.7572C3.32276 8.44534 3.79389 8.19154 4.32245 8.01639Z"
+          d="M4.6524 3.00156C4.6524 2.25598 5.25681 1.65156 6.0024 1.65156C6.74798 1.65156 7.3524 2.25598 7.3524 3.00156C7.3524 3.74715 6.74798 4.35156 6.0024 4.35156C5.25681 4.35156 4.6524 3.74715 4.6524 3.00156ZM6.0024 0.351562C4.53884 0.351562 3.3524 1.53801 3.3524 3.00156C3.3524 4.46512 4.53884 5.65156 6.0024 5.65156C7.46595 5.65156 8.6524 4.46512 8.6524 3.00156C8.6524 1.53801 7.46595 0.351562 6.0024 0.351562ZM6.0024 6.35156C5.27824 6.35156 4.55891 6.46557 3.88452 6.68904C3.21024 6.91248 2.58965 7.2425 2.06081 7.66557C1.69994 7.95427 1.38818 8.28113 1.13318 8.63789C0.598059 9.38654 0.706753 10.2144 1.15229 10.8221C1.57414 11.3975 2.28927 11.7835 3.05384 11.8599C5.01466 12.056 6.99014 12.056 8.95096 11.8599C9.71553 11.7835 10.4307 11.3975 10.8525 10.8221C11.298 10.2144 11.4067 9.38654 10.8716 8.63789C10.6166 8.28113 10.3049 7.95427 9.94398 7.66557C8.87889 6.81349 7.45971 6.35156 6.0024 6.35156ZM4.29344 7.92305C4.83231 7.74449 5.41334 7.65156 6.0024 7.65156C7.19725 7.65156 8.32161 8.03249 9.13188 8.6807C9.40427 8.89861 9.63208 9.13932 9.81401 9.39384C9.98093 9.62737 9.96201 9.83807 9.80409 10.0535C9.62248 10.3012 9.25833 10.5227 8.8216 10.5664C6.94681 10.7539 5.05799 10.7539 3.18319 10.5664C2.74647 10.5227 2.38231 10.3012 2.2007 10.0535C2.04279 9.83807 2.02387 9.62737 2.19079 9.39384C2.37272 9.13932 2.60052 8.89861 2.87292 8.6807C3.27267 8.3609 3.75447 8.10165 4.29344 7.92305Z"
           fill={fill}
         />
       </G>
diff --git a/src/icons/Equals.tsx b/src/icons/Equals.tsx
@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 
 import { IconProps } from "../utils";
 
-export const Equals: React.FC<IconProps> = ({ fill = "#52525B" }) => {
+export const Equals: React.FC<IconProps> = ({ fill = "#525252" }) => {
   return (
     <Svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
       <Path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M3.0001 3.34998C2.64111 3.34998 2.3501 3.64099 2.3501 3.99998C2.3501 4.35896 2.64111 4.64998 3.0001 4.64998H9.0001C9.35908 4.64998 9.6501 4.35896 9.6501 3.99998C9.6501 3.64099 9.35908 3.34998 9.0001 3.34998H3.0001ZM3.0001 7.34998C2.64111 7.34998 2.3501 7.64099 2.3501 7.99998C2.3501 8.35896 2.64111 8.64998 3.0001 8.64998H9.0001C9.35908 8.64998 9.6501 8.35896 9.6501 7.99998C9.6501 7.64099 9.35908 7.34998 9.0001 7.34998H3.0001Z"
+        d="M3.00156 3.35156C2.64258 3.35156 2.35156 3.64258 2.35156 4.00156C2.35156 4.36055 2.64258 4.65156 3.00156 4.65156H9.00156C9.36055 4.65156 9.65156 4.36055 9.65156 4.00156C9.65156 3.64258 9.36055 3.35156 9.00156 3.35156H3.00156ZM3.00156 7.35156C2.64258 7.35156 2.35156 7.64258 2.35156 8.00156C2.35156 8.36055 2.64258 8.65156 3.00156 8.65156H9.00156C9.36055 8.65156 9.65156 8.36055 9.65156 8.00156C9.65156 7.64258 9.36055 7.35156 9.00156 7.35156H3.00156Z"
         fill={fill}
       />
     </Svg>
diff --git a/src/icons/FastBackward.tsx b/src/icons/FastBackward.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+import { IconProps } from "../utils/types";
+
+export const FastBackward: React.FC<IconProps> = ({ fill = "#525252" }) => {
+  return (
+    <Svg width="12" height="12" viewBox="0 0 12 12" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.057 1.77737C5.31889 1.53184 5.73024 1.54511 5.97576 1.807C6.22129 2.0689 6.20802 2.48024 5.94612 2.72576L2.45194 6.00156L5.94612 9.27737C6.20802 9.52289 6.22129 9.93423 5.97576 10.1961C5.73024 10.458 5.31889 10.4713 5.057 10.2258L1.057 6.47576C0.925928 6.35288 0.851562 6.18123 0.851562 6.00156C0.851562 5.8219 0.925928 5.65025 1.057 5.52737L5.057 1.77737ZM9.557 1.77737C9.81889 1.53184 10.2302 1.54511 10.4758 1.807C10.7213 2.0689 10.708 2.48024 10.4461 2.72576L6.95194 6.00156L10.4461 9.27737C10.708 9.52289 10.7213 9.93423 10.4758 10.1961C10.2302 10.458 9.81889 10.4713 9.557 10.2258L5.557 6.47576C5.42593 6.35288 5.35156 6.18123 5.35156 6.00156C5.35156 5.8219 5.42593 5.65025 5.557 5.52737L9.557 1.77737Z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
diff --git a/src/icons/FastForward.tsx b/src/icons/FastForward.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+import { IconProps } from "../utils/types";
+
+export const FastForward: React.FC<IconProps> = ({ fill = "#525252" }) => {
+  return (
+    <Svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.44613 1.77737C2.18423 1.53184 1.77289 1.54511 1.52737 1.807C1.28184 2.0689 1.29511 2.48024 1.557 2.72576L5.05119 6.00156L1.557 9.27737C1.29511 9.52289 1.28184 9.93423 1.52737 10.1961C1.77289 10.458 2.18423 10.4713 2.44613 10.2258L6.44613 6.47576C6.5772 6.35288 6.65156 6.18123 6.65156 6.00156C6.65156 5.8219 6.5772 5.65025 6.44613 5.52737L2.44613 1.77737ZM6.94613 1.77737C6.68423 1.53184 6.27289 1.54511 6.02737 1.807C5.78184 2.0689 5.79511 2.48024 6.057 2.72576L9.55119 6.00156L6.057 9.27737C5.79511 9.52289 5.78184 9.93423 6.02737 10.1961C6.27289 10.458 6.68423 10.4713 6.94613 10.2258L10.9461 6.47576C11.0772 6.35288 11.1516 6.18123 11.1516 6.00156C11.1516 5.8219 11.0772 5.65025 10.9461 5.52737L6.94613 1.77737Z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
diff --git a/src/icons/Filter.tsx b/src/icons/Filter.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+import { IconProps } from "../utils/types";
+
+export const Filter: React.FC<IconProps> = ({ fill = "#525252" }) => {
+  return (
+    <Svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
+      <Path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M0.351562 3.00156C0.351562 2.64258 0.642577 2.35156 1.00156 2.35156H11.0016C11.3605 2.35156 11.6516 2.64258 11.6516 3.00156C11.6516 3.36055 11.3605 3.65156 11.0016 3.65156H1.00156C0.642577 3.65156 0.351562 3.36055 0.351562 3.00156ZM2.35156 6.00156C2.35156 5.64258 2.64258 5.35156 3.00156 5.35156H9.00156C9.36055 5.35156 9.65156 5.64258 9.65156 6.00156C9.65156 6.36055 9.36055 6.65156 9.00156 6.65156H3.00156C2.64258 6.65156 2.35156 6.36055 2.35156 6.00156ZM5.00156 8.35156C4.64258 8.35156 4.35156 8.64258 4.35156 9.00156C4.35156 9.36055 4.64258 9.65156 5.00156 9.65156H7.00156C7.36055 9.65156 7.65156 9.36055 7.65156 9.00156C7.65156 8.64258 7.36055 8.35156 7.00156 8.35156H5.00156Z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
diff --git a/src/icons/Image.tsx b/src/icons/Image.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+import { IconProps } from "../utils/types";
+
+export const Image: React.FC<IconProps> = ({ fill = "#525252" }) => {
+  return (
+    <Svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.91065 1.65156C1.76756 1.65156 1.65156 1.76756 1.65156 1.91065V10.0925C1.65156 10.2356 1.76756 10.3516 1.91065 10.3516H2.55406L7.8168 5.08882C7.9387 4.96692 8.10403 4.89844 8.27642 4.89844C8.44881 4.89844 8.61414 4.96692 8.73604 5.08882L10.3516 6.70434V1.91065C10.3516 1.76756 10.2356 1.65156 10.0925 1.65156H1.91065ZM2.86494 11.6516C2.83626 11.6535 2.80749 11.6535 2.77881 11.6516H1.91065C1.04959 11.6516 0.351562 10.9535 0.351562 10.0925V1.91065C0.351562 1.04959 1.04959 0.351562 1.91065 0.351562H10.0925C10.9535 0.351562 11.6516 1.04959 11.6516 1.91065V8.22297C11.6544 8.25807 11.6544 8.29335 11.6516 8.32845V10.0925C11.6516 10.9535 10.9535 11.6516 10.0925 11.6516H2.86494ZM10.3516 10.0925V8.54282L8.27642 6.46768L4.39253 10.3516H10.0925C10.2356 10.3516 10.3516 10.2356 10.3516 10.0925ZM5.09318 4.18409C5.09318 4.68617 4.68617 5.09318 4.18409 5.09318C3.68201 5.09318 3.275 4.68617 3.275 4.18409C3.275 3.68201 3.68201 3.275 4.18409 3.275C4.68617 3.275 5.09318 3.68201 5.09318 4.18409Z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
diff --git a/src/icons/Info.tsx b/src/icons/Info.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+import { IconProps } from "../utils";
+
+export const Info: React.FC<IconProps> = ({ fill = "#525252" }) => {
+  return (
+    <Svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.99814 1.46016C3.4552 1.46016 1.39375 3.52161 1.39375 6.06454C1.39375 8.60747 3.4552 10.6689 5.99814 10.6689C8.54107 10.6689 10.6025 8.60747 10.6025 6.06454C10.6025 3.52161 8.54107 1.46016 5.99814 1.46016ZM0.09375 6.06454C0.09375 2.80364 2.73723 0.160156 5.99814 0.160156C9.25904 0.160156 11.9025 2.80364 11.9025 6.06454C11.9025 9.32544 9.25904 11.9689 5.99814 11.9689C2.73723 11.9689 0.09375 9.32544 0.09375 6.06454ZM6.00156 5.46484C6.36055 5.46484 6.65156 5.75586 6.65156 6.11484V8.61484C6.65156 8.97383 6.36055 9.26484 6.00156 9.26484C5.64258 9.26484 5.35156 8.97383 5.35156 8.61484V6.11484C5.35156 5.75586 5.64258 5.46484 6.00156 5.46484ZM6.75156 3.76328C6.75156 4.1775 6.41578 4.51328 6.00156 4.51328C5.58735 4.51328 5.25156 4.1775 5.25156 3.76328C5.25156 3.34907 5.58735 3.01328 6.00156 3.01328C6.41578 3.01328 6.75156 3.34907 6.75156 3.76328Z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
diff --git a/src/icons/Location.tsx b/src/icons/Location.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+import { IconProps } from "../utils/types";
+
+export const Location: React.FC<IconProps> = ({ fill = "#525252" }) => {
+  return (
+    <Svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.00334 0.351562C1.97035 0.351562 -0.157043 5.12834 2.54088 8.12604L5.14855 11.0234C5.60538 11.531 6.4013 11.531 6.85813 11.0234L9.4658 8.12604C12.1637 5.12834 10.0363 0.351562 6.00334 0.351562ZM3.50717 7.25638C1.56216 5.09527 3.09586 1.65156 6.00334 1.65156C8.91083 1.65156 10.4445 5.09527 8.49952 7.25638L6.00334 10.0299L3.50717 7.25638ZM7.00284 5.00156C7.00284 5.55385 6.55512 6.00156 6.00284 6.00156C5.45055 6.00156 5.00284 5.55385 5.00284 5.00156C5.00284 4.44928 5.45055 4.00156 6.00284 4.00156C6.55512 4.00156 7.00284 4.44928 7.00284 5.00156Z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
diff --git a/src/icons/Notification.tsx b/src/icons/Notification.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+import { IconProps } from "../utils";
+
+export const Notification: React.FC<IconProps> = ({ fill = "#525252" }) => {
+  return (
+    <Svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.88254 1.76361C5.24359 1.62048 5.63098 1.54775 6.0222 1.55005C7.65089 1.56199 8.93877 2.87229 8.93877 4.43115V4.77485C8.93877 6.25597 9.07968 7.10092 9.27785 7.63368C9.33156 7.77807 9.38883 7.89794 9.44683 7.99973H2.55645C2.64334 7.85366 2.7275 7.6815 2.80013 7.47301C2.96628 6.99604 3.05975 6.36858 3.05975 5.46197V4.38736C3.05975 3.46357 3.48234 2.82651 3.93698 2.39819C4.16646 2.182 4.40043 2.02352 4.58215 1.91748C4.75731 1.81526 4.87626 1.76621 4.8823 1.76371C4.88248 1.76364 4.88256 1.7636 4.88254 1.76361ZM6.03036 0.250079C5.4731 0.246729 4.92021 0.350248 4.40339 0.555135C4.31474 0.590282 3.67407 0.859826 3.04554 1.45197C2.40698 2.05356 1.75975 3.01195 1.75975 4.38736V5.46197C1.75975 6.29004 1.67278 6.75745 1.57249 7.04535C1.47865 7.31471 1.36396 7.45926 1.2046 7.65135C1.18402 7.67615 1.16532 7.70245 1.14865 7.73002C1.05292 7.88834 1.00107 8.06999 1.00002 8.25647C0.998967 8.44296 1.04877 8.62522 1.14278 8.78463C1.23668 8.94387 1.37073 9.07377 1.52938 9.16326C1.68791 9.25268 1.86644 9.29925 2.04716 9.29973L2.04886 9.29973H3.60539C3.63732 9.92405 3.86848 10.5277 4.27495 10.9922C4.71627 11.4966 5.3349 11.8 6.00156 11.8C6.66822 11.8 7.28686 11.4966 7.72817 10.9922C8.13464 10.5277 8.3658 9.92406 8.39774 9.29973H9.94926L9.95084 9.29973C10.1316 9.29929 10.3101 9.25274 10.4686 9.16335C10.6273 9.07389 10.7614 8.944 10.8553 8.78477C10.9493 8.62537 10.9992 8.44312 10.9981 8.25663C10.9971 8.07673 10.9489 7.90132 10.8595 7.74702C10.81 7.65698 10.7534 7.58789 10.7219 7.54993C10.7058 7.53057 10.6938 7.5164 10.6837 7.50449L10.6837 7.50448C10.6663 7.48386 10.6545 7.47002 10.6374 7.44776C10.6014 7.40103 10.551 7.32745 10.4963 7.18047C10.3782 6.8629 10.2388 6.19989 10.2388 4.77485V4.43115C10.2388 2.14422 8.36064 0.266844 6.03113 0.250083L6.03036 0.250079ZM7.09472 9.29973H4.90841C4.93831 9.62517 5.06441 9.92031 5.2533 10.1362C5.46836 10.382 5.73996 10.5 6.00156 10.5C6.26316 10.5 6.53476 10.382 6.74982 10.1362C6.93871 9.92031 7.06482 9.62517 7.09472 9.29973Z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
diff --git a/src/icons/Slash.tsx b/src/icons/Slash.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+import { IconProps } from "../utils/types";
+
+export const Slash: React.FC<IconProps> = ({ fill = "#525252" }) => {
+  return (
+    <Svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.17667 10.8928C2.86578 10.7133 2.75926 10.3158 2.93875 10.0049L7.93875 1.34464C8.11825 1.03375 8.51578 0.927231 8.82667 1.10672C9.13756 1.28622 9.24408 1.68375 9.06459 1.99464L4.06459 10.6549C3.8851 10.9658 3.48756 11.0723 3.17667 10.8928Z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
diff --git a/src/icons/Slot.tsx b/src/icons/Slot.tsx
diff --git a/src/icons/UpDownArrow.tsx b/src/icons/UpDownArrow.tsx
diff --git a/src/icons/index.ts b/src/icons/index.ts
