diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 00000000..961ec1cb
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,8 @@
+{
+	"singleQuote": true,
+	"jsxSingleQuote": true,
+	"semi": false,
+	"tabWidth": 4,
+	"useTabs": true,
+	"printWidth": 150
+}
diff --git a/package.json b/package.json
index fa5299bd..4ef98dda 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@aftershootco/unicorn-icons-1",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "",
   "author": "AfterShoot",
   "license": "ISC",
diff --git a/src/Icons/ArrowBackIcon.tsx b/src/Icons/ArrowBackIcon.tsx
index ca619974..40519d61 100644
--- a/src/Icons/ArrowBackIcon.tsx
+++ b/src/Icons/ArrowBackIcon.tsx
@@ -2,14 +2,7 @@ import React from 'react'
 
 const ArrowBackIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
 	return (
-		<svg
-			xmlns='http://www.w3.org/2000/svg'
-			height='24px'
-			viewBox='0 0 24 24'
-			width='24px'
-			fill='#FFFFFF'
-			{...props}
-		>
+		<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
 			<path d='m22.35 38.95-13.9-13.9q-.25-.25-.35-.5Q8 24.3 8 24q0-.3.1-.55.1-.25.35-.5L22.4 9q.4-.4 1-.4t1.05.45q.45.45.45 1.05 0 .6-.45 1.05L13.1 22.5h24.8q.65 0 1.075.425.425.425.425 1.075 0 .65-.425 1.075-.425.425-1.075.425H13.1l11.4 11.4q.4.4.4 1t-.45 1.05q-.45.45-1.05.45-.6 0-1.05-.45Z' />
 		</svg>
 	)
diff --git a/src/Icons/ArrowDownIcon.tsx b/src/Icons/ArrowDownIcon.tsx
index f2837a68..36063d6f 100644
--- a/src/Icons/ArrowDownIcon.tsx
+++ b/src/Icons/ArrowDownIcon.tsx
@@ -2,14 +2,7 @@ import React from 'react'
 
 const ArrowDownIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
 	return (
-		<svg
-			xmlns='http://www.w3.org/2000/svg'
-			height='24px'
-			viewBox='0 0 24 24'
-			width='24px'
-			fill='#FFFFFF'
-			{...props}
-		>
+		<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
 			<path d='M0 0h24v24H0V0z' fill='none' />
 			<path d='M11 5v11.17l-4.88-4.88c-.39-.39-1.03-.39-1.42 0-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0l6.59-6.59c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L13 16.17V5c0-.55-.45-1-1-1s-1 .45-1 1z' />
 		</svg>
diff --git a/src/Icons/ArrowForwardIcon.tsx b/src/Icons/ArrowForwardIcon.tsx
index 9bb96edc..0f694233 100644
--- a/src/Icons/ArrowForwardIcon.tsx
+++ b/src/Icons/ArrowForwardIcon.tsx
@@ -2,14 +2,7 @@ import React from 'react'
 
 const ArrowForwardIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
 	return (
-		<svg
-			xmlns='http://www.w3.org/2000/svg'
-			height='24px'
-			viewBox='0 0 24 24'
-			width='24px'
-			fill='#FFFFFF'
-			{...props}
-		>
+		<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
 			<path d='M22.95 38.9q-.4-.4-.4-1.05t.4-1.05l11.3-11.3H9.5q-.65 0-1.075-.425Q8 24.65 8 24q0-.65.425-1.075Q8.85 22.5 9.5 22.5h24.75l-11.3-11.3q-.4-.4-.4-1.075 0-.675.4-1.075.4-.4 1.05-.4t1.05.4l13.9 13.9q.25.25.35.5.1.25.1.55 0 .25-.1.525t-.35.525l-13.9 13.9q-.4.4-1.05.375-.65-.025-1.05-.425Z' />
 		</svg>
 	)
diff --git a/src/Icons/ArrowIcon.tsx b/src/Icons/ArrowIcon.tsx
new file mode 100644
index 00000000..8dbbabe5
--- /dev/null
+++ b/src/Icons/ArrowIcon.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+
+const ArrowIcon: React.FC<React.SVGProps<SVGSVGElement>> = React.memo((props) => {
+	return (
+		<svg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
+			<path d='M0.25 11.5L5.75 6L0.25 0.5L0.25 11.5Z' fill='#777777' />
+		</svg>
+	)
+})
+
+export default ArrowIcon
diff --git a/src/Icons/ArrowUpIcon.tsx b/src/Icons/ArrowUpIcon.tsx
index 0c5103da..d95f89d1 100644
--- a/src/Icons/ArrowUpIcon.tsx
+++ b/src/Icons/ArrowUpIcon.tsx
@@ -2,14 +2,7 @@ import React from 'react'
 
 const ArrowUpIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
 	return (
-		<svg
-			xmlns='http://www.w3.org/2000/svg'
-			height='24px'
-			viewBox='0 0 24 24'
-			width='24px'
-			fill='#FFFFFF'
-			{...props}
-		>
+		<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
 			<path d='M0 0h24v24H0V0z' fill='none' />
 			<path d='M13 19V7.83l4.88 4.88c.39.39 1.03.39 1.42 0 .39-.39.39-1.02 0-1.41l-6.59-6.59c-.39-.39-1.02-.39-1.41 0l-6.6 6.58c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L11 7.83V19c0 .55.45 1 1 1s1-.45 1-1z' />
 		</svg>
diff --git a/src/Icons/CheckCircleIcon.tsx b/src/Icons/CheckCircleIcon.tsx
index 9538b62f..8a91f95e 100644
--- a/src/Icons/CheckCircleIcon.tsx
+++ b/src/Icons/CheckCircleIcon.tsx
@@ -2,14 +2,7 @@ import React from 'react'
 
 const CheckCircleIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
 	return (
-		<svg
-			xmlns='http://www.w3.org/2000/svg'
-			height='24px'
-			viewBox='0 0 24 24'
-			width='24px'
-			fill='#ffffff'
-			{...props}
-		>
+		<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#ffffff' {...props}>
 			<path d='M0 0h24v24H0V0z' fill='none' />
 			<path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM9.29 16.29L5.7 12.7c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0L10 14.17l6.88-6.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-7.59 7.59c-.38.39-1.02.39-1.41 0z' />
 		</svg>
diff --git a/src/Icons/CheckIcon.tsx b/src/Icons/CheckIcon.tsx
index b07d50c4..df650df7 100644
--- a/src/Icons/CheckIcon.tsx
+++ b/src/Icons/CheckIcon.tsx
@@ -2,14 +2,7 @@ import React from 'react'
 
 const CheckIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
 	return (
-		<svg
-			xmlns='http://www.w3.org/2000/svg'
-			height='24px'
-			viewBox='0 0 24 24'
-			width='24px'
-			fill='#FFFFFF'
-			{...props}
-		>
+		<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
 			<path d='M0 0h24v24H0V0z' fill='none' />
 			<path d='M9 16.2l-3.5-3.5c-.39-.39-1.01-.39-1.4 0-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4-.39-.39-1.01-.39-1.4 0L9 16.2z' />
 		</svg>
diff --git a/src/Icons/ClearIcon.tsx b/src/Icons/ClearIcon.tsx
index f58b763e..2d8662a8 100644
--- a/src/Icons/ClearIcon.tsx
+++ b/src/Icons/ClearIcon.tsx
@@ -2,14 +2,7 @@ import React from 'react'
 
 const ClearIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
 	return (
-		<svg
-			xmlns='http://www.w3.org/2000/svg'
-			height='24px'
-			viewBox='0 0 24 24'
-			width='24px'
-			fill='#FFFFFF'
-			{...props}
-		>
+		<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
 			<path d='M0 0h24v24H0V0z' fill='none' />
 			<path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z' />
 		</svg>
diff --git a/src/Icons/ClockIcon.tsx b/src/Icons/ClockIcon.tsx
index 5b0a1c09..39c83873 100644
--- a/src/Icons/ClockIcon.tsx
+++ b/src/Icons/ClockIcon.tsx
@@ -1,47 +1,25 @@
-import React from 'react';
+import React from 'react'
 
 const ClockIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
-  return (
-    <svg
-      width='12'
-      height='12'
-      viewBox='0 0 12 12'
-      fill='none'
-      xmlns='http://www.w3.org/2000/svg'
-      {...props}
-    >
-      <g clip-path='url(#clip0_517_1773)'>
-        <path
-          d='M6 10C7.933 10 9.5 8.433 9.5 6.5C9.5 4.567 7.933 3 6 3C4.067 3 2.5 4.567 2.5 6.5C2.5 8.433 4.067 10 6 10Z'
-          stroke='#E2E2E2'
-          stroke-linecap='round'
-          stroke-linejoin='round'
-        />
-        <path
-          d='M6 5V6.5H7'
-          stroke='#E2E2E2'
-          stroke-linecap='round'
-          stroke-linejoin='round'
-        />
-        <path
-          d='M3.5 2L2.125 3'
-          stroke='#E2E2E2'
-          stroke-linecap='round'
-          stroke-linejoin='round'
-        />
-        <path
-          d='M8.5 2L9.875 3'
-          stroke='#E2E2E2'
-          stroke-linecap='round'
-          stroke-linejoin='round'
-        />
-      </g>
-      <defs>
-        <clipPath id='clip0_517_1773'>
-          <rect width='12' height='12' fill='white' />
-        </clipPath>
-      </defs>
-    </svg>
-  );
-};
-export default React.memo(ClockIcon);
+	return (
+		<svg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
+			<g clip-path='url(#clip0_517_1773)'>
+				<path
+					d='M6 10C7.933 10 9.5 8.433 9.5 6.5C9.5 4.567 7.933 3 6 3C4.067 3 2.5 4.567 2.5 6.5C2.5 8.433 4.067 10 6 10Z'
+					stroke='#E2E2E2'
+					stroke-linecap='round'
+					stroke-linejoin='round'
+				/>
+				<path d='M6 5V6.5H7' stroke='#E2E2E2' stroke-linecap='round' stroke-linejoin='round' />
+				<path d='M3.5 2L2.125 3' stroke='#E2E2E2' stroke-linecap='round' stroke-linejoin='round' />
+				<path d='M8.5 2L9.875 3' stroke='#E2E2E2' stroke-linecap='round' stroke-linejoin='round' />
+			</g>
+			<defs>
+				<clipPath id='clip0_517_1773'>
+					<rect width='12' height='12' fill='white' />
+				</clipPath>
+			</defs>
+		</svg>
+	)
+}
+export default React.memo(ClockIcon)
diff --git a/src/Icons/ContactSupportIcon.tsx b/src/Icons/ContactSupportIcon.tsx
index f7e5ba32..9a5e2be9 100644
--- a/src/Icons/ContactSupportIcon.tsx
+++ b/src/Icons/ContactSupportIcon.tsx
@@ -2,14 +2,7 @@ import React from 'react'
 
 const ContactSupportIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
 	return (
-		<svg
-			xmlns='http://www.w3.org/2000/svg'
-			height='24px'
-			viewBox='0 0 24 24'
-			width='24px'
-			fill='#FFFFFF'
-			{...props}
-		>
+		<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
 			<path d='M0 0h24v24H0V0z' fill='none' />
 			<path d='M11 23.59v-3.6c-5.01-.26-9-4.42-9-9.49C2 5.26 6.26 1 11.5 1S21 5.26 21 10.5c0 4.95-3.44 9.93-8.57 12.4l-1.43.69zM11.5 3C7.36 3 4 6.36 4 10.5S7.36 18 11.5 18H13v2.3c3.64-2.3 6-6.08 6-9.8C19 6.36 15.64 3 11.5 3zm-1 11.5h2v2h-2zm2-1.5h-2c0-3.25 3-3 3-5 0-1.1-.9-2-2-2s-2 .9-2 2h-2c0-2.21 1.79-4 4-4s4 1.79 4 4c0 2.5-3 2.75-3 5z' />
 		</svg>
diff --git a/src/Icons/ContentCopyIcon.tsx b/src/Icons/ContentCopyIcon.tsx
index 0775d337..49bad47b 100644
--- a/src/Icons/ContentCopyIcon.tsx
+++ b/src/Icons/ContentCopyIcon.tsx
@@ -2,14 +2,7 @@ import React from 'react'
 
 const ContentCopyIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
 	return (
-		<svg
-			xmlns='http://www.w3.org/2000/svg'
-			height='24px'
-			viewBox='0 0 24 24'
-			width='24px'
-			fill='#FFFFFF'
-			{...props}
-		>
+		<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
 			<path d='M0 0h24v24H0V0z' fill='none' />
 			<path d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z' />
 		</svg>
diff --git a/src/Icons/ExpandMoreIcon.tsx b/src/Icons/ExpandMoreIcon.tsx
index f1cfd945..13ada54c 100644
--- a/src/Icons/ExpandMoreIcon.tsx
+++ b/src/Icons/ExpandMoreIcon.tsx
@@ -2,14 +2,7 @@ import React from 'react'
 
 const ExpandMoreIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
 	return (
-		<svg
-			xmlns='http://www.w3.org/2000/svg'
-			height='24px'
-			viewBox='0 0 24 24'
-			width='24px'
-			fill='#FFFFFF'
-			{...props}
-		>
+		<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
 			<path d='M24 24H0V0h24v24z' fill='none' opacity='.87' />
 			<path d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z' />
 		</svg>
diff --git a/src/Icons/InfoIcon.tsx b/src/Icons/InfoIcon.tsx
index 8106286e..f6d5654a 100644
--- a/src/Icons/InfoIcon.tsx
+++ b/src/Icons/InfoIcon.tsx
@@ -1,46 +1,24 @@
-import React from 'react';
+import React from 'react'
 
-const InfoIcon: React.FC<React.HtmlHTMLAttributes<any>> = React.forwardRef(
-  (props, ref: any) => {
-    return (
-      <svg
-        ref={ref}
-        width='20'
-        height='20'
-        viewBox='0 0 20 20'
-        fill='none'
-        xmlns='http://www.w3.org/2000/svg'
-        {...props}
-      >
-        <g clip-path='url(#clip0_12231_35410)'>
-          <path
-            d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z'
-            fill='#E2E2E2'
-            fill-opacity='0.1'
-          />
-          <path
-            d='M10 6.66602H10.0083'
-            stroke='#777777'
-            stroke-width='1.5'
-            stroke-linecap='round'
-            stroke-linejoin='round'
-          />
-          <path
-            d='M9.16699 10H10.0003V13.3333H10.8337'
-            stroke='#777777'
-            stroke-width='1.5'
-            stroke-linecap='round'
-            stroke-linejoin='round'
-          />
-        </g>
-        <defs>
-          <clipPath id='clip0_12231_35410'>
-            <rect width='20' height='20' fill='white' />
-          </clipPath>
-        </defs>
-      </svg>
-    );
-  }
-);
+const InfoIcon: React.FC<React.HtmlHTMLAttributes<any>> = React.forwardRef((props, ref: any) => {
+	return (
+		<svg ref={ref} width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
+			<g clip-path='url(#clip0_12231_35410)'>
+				<path
+					d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z'
+					fill='#E2E2E2'
+					fill-opacity='0.1'
+				/>
+				<path d='M10 6.66602H10.0083' stroke='#777777' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' />
+				<path d='M9.16699 10H10.0003V13.3333H10.8337' stroke='#777777' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' />
+			</g>
+			<defs>
+				<clipPath id='clip0_12231_35410'>
+					<rect width='20' height='20' fill='white' />
+				</clipPath>
+			</defs>
+		</svg>
+	)
+})
 
-export default React.memo(InfoIcon);
+export default React.memo(InfoIcon)
diff --git a/src/Icons/KeyBoardArrowDownIcon.tsx b/src/Icons/KeyBoardArrowDownIcon.tsx
index 2e2e7a9e..05018b43 100644
--- a/src/Icons/KeyBoardArrowDownIcon.tsx
+++ b/src/Icons/KeyBoardArrowDownIcon.tsx
@@ -1,17 +1,8 @@
 import React from 'react'
 
-const KeyBoardArrowDownIcon: React.FC<React.SVGProps<SVGSVGElement>> = (
-	props
-) => {
+const KeyBoardArrowDownIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
 	return (
-		<svg
-			xmlns='http://www.w3.org/2000/svg'
-			height='24px'
-			viewBox='0 0 24 24'
-			width='24px'
-			fill='#FFFFFF'
-			{...props}
-		>
+		<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
 			<path d='M8.12 9.29L12 13.17l3.88-3.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-4.59 4.59c-.39.39-1.02.39-1.41 0L6.7 10.7c-.39-.39-.39-1.02 0-1.41.39-.38 1.03-.39 1.42 0z' />
 		</svg>
 	)
diff --git a/src/Icons/KeyBoardArrowLeftIcon.tsx b/src/Icons/KeyBoardArrowLeftIcon.tsx
index f73023df..7becd425 100644
--- a/src/Icons/KeyBoardArrowLeftIcon.tsx
+++ b/src/Icons/KeyBoardArrowLeftIcon.tsx
@@ -1,17 +1,8 @@
 import React from 'react'
 
-const KeyBoardArrowLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (
-	props
-) => {
+const KeyBoardArrowLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
 	return (
-		<svg
-			xmlns='http://www.w3.org/2000/svg'
-			height='24px'
-			viewBox='0 0 24 24'
-			width='24px'
-			fill='#FFFFFF'
-			{...props}
-		>
+		<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
 			<path d='M14.71 15.88L10.83 12l3.88-3.88c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42z' />
 		</svg>
 	)
diff --git a/src/Icons/KeyBoardArrowRightIcon.tsx b/src/Icons/KeyBoardArrowRightIcon.tsx
index 3525c8e2..744e2969 100644
--- a/src/Icons/KeyBoardArrowRightIcon.tsx
+++ b/src/Icons/KeyBoardArrowRightIcon.tsx
@@ -1,17 +1,8 @@
 import React from 'react'
 
-const KeyBoardArrowRightIcon: React.FC<React.SVGProps<SVGSVGElement>> = (
-	props
-) => {
+const KeyBoardArrowRightIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
 	return (
-		<svg
-			xmlns='http://www.w3.org/2000/svg'
-			height='24px'
-			viewBox='0 0 24 24'
-			width='24px'
-			fill='#FFFFFF'
-			{...props}
-		>
+		<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
 			<path d='M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z' />
 		</svg>
 	)
diff --git a/src/Icons/KeyBoardArrowUpIcon.tsx b/src/Icons/KeyBoardArrowUpIcon.tsx
index c4432bf0..8fc6db50 100644
--- a/src/Icons/KeyBoardArrowUpIcon.tsx
+++ b/src/Icons/KeyBoardArrowUpIcon.tsx
@@ -1,17 +1,8 @@
 import React from 'react'
 
-const KeyBoardArrowUpIcon: React.FC<React.SVGProps<SVGSVGElement>> = (
-	props
-) => {
+const KeyBoardArrowUpIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
 	return (
-		<svg
-			xmlns='http://www.w3.org/2000/svg'
-			height='24px'
-			viewBox='0 0 24 24'
-			width='24px'
-			fill='#FFFFFF'
-			{...props}
-		>
+		<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
 			<path d='M8.12 14.71L12 10.83l3.88 3.88c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L12.7 8.71c-.39-.39-1.02-.39-1.41 0L6.7 13.3c-.39.39-.39 1.02 0 1.41.39.38 1.03.39 1.42 0z' />
 		</svg>
 	)
diff --git a/src/Icons/MenuIcon.tsx b/src/Icons/MenuIcon.tsx
index 2b49b824..6407f476 100644
--- a/src/Icons/MenuIcon.tsx
+++ b/src/Icons/MenuIcon.tsx
@@ -2,14 +2,7 @@ import React from 'react'
 
 const MenuIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
 	return (
-		<svg
-			xmlns='http://www.w3.org/2000/svg'
-			height='24px'
-			viewBox='0 0 24 24'
-			width='24px'
-			fill='#FFFFFF'
-			{...props}
-		>
+		<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
 			<path d='M0 0h24v24H0V0z' fill='none' />
 			<path d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z' />
 		</svg>
diff --git a/src/Icons/ProcessIcon.tsx b/src/Icons/ProcessIcon.tsx
index 46ce29eb..ff97716e 100644
--- a/src/Icons/ProcessIcon.tsx
+++ b/src/Icons/ProcessIcon.tsx
@@ -1,21 +1,14 @@
-import React from 'react';
+import React from 'react'
 
 const ProcessIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
-  return (
-    <svg
-      width='10'
-      height='10'
-      viewBox='0 0 10 10'
-      fill='none'
-      xmlns='http://www.w3.org/2000/svg'
-      {...props}
-    >
-      <path
-        d='M8.50476 4.5688C8.54277 4.84231 8.79531 5.03323 9.06882 4.99522C9.34234 4.95721 9.53325 4.70466 9.49524 4.43115L8.50476 4.5688ZM0.78845 3.30769C0.682257 3.5626 0.802812 3.85533 1.05772 3.96152C1.31263 4.06772 1.60536 3.94716 1.71155 3.69226L0.78845 3.30769ZM1.5 1.49998C1.5 1.22383 1.27614 0.999975 1 0.999975C0.723858 0.999975 0.5 1.22383 0.5 1.49998H1.5ZM1 3.49998H0.5C0.5 3.77612 0.723858 3.99998 1 3.99998V3.49998ZM3 3.99998C3.27614 3.99998 3.5 3.77612 3.5 3.49998C3.5 3.22383 3.27614 2.99998 3 2.99998V3.99998ZM1.49524 5.43118C1.45723 5.15766 1.20469 4.96675 0.931176 5.00476C0.657662 5.04277 0.466749 5.29531 0.504759 5.56882L1.49524 5.43118ZM9.21155 6.69228C9.31774 6.43737 9.19719 6.14464 8.94228 6.03845C8.68737 5.93226 8.39464 6.05281 8.28845 6.30772L9.21155 6.69228ZM8.5 8.5C8.5 8.77614 8.72386 9 9 9C9.27614 9 9.5 8.77614 9.5 8.5H8.5ZM9 6.5H9.5C9.5 6.22386 9.27614 6 9 6V6.5ZM7 6C6.72386 6 6.5 6.22386 6.5 6.5C6.5 6.77614 6.72386 7 7 7V6ZM9.49524 4.43115C9.35786 3.44263 8.89928 2.5267 8.19014 1.82445L7.4865 2.535C8.03978 3.08291 8.39758 3.79754 8.50476 4.5688L9.49524 4.43115ZM8.19014 1.82445C7.481 1.1222 6.56063 0.67258 5.57082 0.544863L5.44285 1.53664C6.21512 1.63629 6.93321 1.98709 7.4865 2.535L8.19014 1.82445ZM5.57082 0.544863C4.58101 0.417145 3.57666 0.618409 2.71248 1.11765L3.21272 1.98354C3.88696 1.59402 4.67058 1.43699 5.44285 1.53664L5.57082 0.544863ZM2.71248 1.11765C1.84831 1.6169 1.17225 2.38642 0.78845 3.30769L1.71155 3.69226C2.011 2.97346 2.53847 2.37306 3.21272 1.98354L2.71248 1.11765ZM0.5 1.49998V3.49998H1.5V1.49998H0.5ZM1 3.99998H3V2.99998H1V3.99998ZM0.504759 5.56882C0.642135 6.55734 1.10071 7.47328 1.80986 8.17553L2.5135 7.46498C1.96022 6.91707 1.60242 6.20244 1.49524 5.43118L0.504759 5.56882ZM1.80986 8.17553C2.519 8.87778 3.43937 9.32739 4.42918 9.45511L4.55715 8.46334C3.78488 8.36369 3.06679 8.01289 2.5135 7.46498L1.80986 8.17553ZM4.42918 9.45511C5.41899 9.58283 6.42334 9.38157 7.28752 8.88232L6.78728 8.01643C6.11304 8.40595 5.32942 8.56298 4.55715 8.46334L4.42918 9.45511ZM7.28752 8.88232C8.15169 8.38308 8.82775 7.61355 9.21155 6.69228L8.28845 6.30772C7.989 7.02651 7.46153 7.62691 6.78728 8.01643L7.28752 8.88232ZM9.5 8.5V6.5H8.5V8.5H9.5ZM9 6H7V7H9V6Z'
-        fill='#DAE3F3'
-      />
-    </svg>
-  );
-};
+	return (
+		<svg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
+			<path
+				d='M8.50476 4.5688C8.54277 4.84231 8.79531 5.03323 9.06882 4.99522C9.34234 4.95721 9.53325 4.70466 9.49524 4.43115L8.50476 4.5688ZM0.78845 3.30769C0.682257 3.5626 0.802812 3.85533 1.05772 3.96152C1.31263 4.06772 1.60536 3.94716 1.71155 3.69226L0.78845 3.30769ZM1.5 1.49998C1.5 1.22383 1.27614 0.999975 1 0.999975C0.723858 0.999975 0.5 1.22383 0.5 1.49998H1.5ZM1 3.49998H0.5C0.5 3.77612 0.723858 3.99998 1 3.99998V3.49998ZM3 3.99998C3.27614 3.99998 3.5 3.77612 3.5 3.49998C3.5 3.22383 3.27614 2.99998 3 2.99998V3.99998ZM1.49524 5.43118C1.45723 5.15766 1.20469 4.96675 0.931176 5.00476C0.657662 5.04277 0.466749 5.29531 0.504759 5.56882L1.49524 5.43118ZM9.21155 6.69228C9.31774 6.43737 9.19719 6.14464 8.94228 6.03845C8.68737 5.93226 8.39464 6.05281 8.28845 6.30772L9.21155 6.69228ZM8.5 8.5C8.5 8.77614 8.72386 9 9 9C9.27614 9 9.5 8.77614 9.5 8.5H8.5ZM9 6.5H9.5C9.5 6.22386 9.27614 6 9 6V6.5ZM7 6C6.72386 6 6.5 6.22386 6.5 6.5C6.5 6.77614 6.72386 7 7 7V6ZM9.49524 4.43115C9.35786 3.44263 8.89928 2.5267 8.19014 1.82445L7.4865 2.535C8.03978 3.08291 8.39758 3.79754 8.50476 4.5688L9.49524 4.43115ZM8.19014 1.82445C7.481 1.1222 6.56063 0.67258 5.57082 0.544863L5.44285 1.53664C6.21512 1.63629 6.93321 1.98709 7.4865 2.535L8.19014 1.82445ZM5.57082 0.544863C4.58101 0.417145 3.57666 0.618409 2.71248 1.11765L3.21272 1.98354C3.88696 1.59402 4.67058 1.43699 5.44285 1.53664L5.57082 0.544863ZM2.71248 1.11765C1.84831 1.6169 1.17225 2.38642 0.78845 3.30769L1.71155 3.69226C2.011 2.97346 2.53847 2.37306 3.21272 1.98354L2.71248 1.11765ZM0.5 1.49998V3.49998H1.5V1.49998H0.5ZM1 3.99998H3V2.99998H1V3.99998ZM0.504759 5.56882C0.642135 6.55734 1.10071 7.47328 1.80986 8.17553L2.5135 7.46498C1.96022 6.91707 1.60242 6.20244 1.49524 5.43118L0.504759 5.56882ZM1.80986 8.17553C2.519 8.87778 3.43937 9.32739 4.42918 9.45511L4.55715 8.46334C3.78488 8.36369 3.06679 8.01289 2.5135 7.46498L1.80986 8.17553ZM4.42918 9.45511C5.41899 9.58283 6.42334 9.38157 7.28752 8.88232L6.78728 8.01643C6.11304 8.40595 5.32942 8.56298 4.55715 8.46334L4.42918 9.45511ZM7.28752 8.88232C8.15169 8.38308 8.82775 7.61355 9.21155 6.69228L8.28845 6.30772C7.989 7.02651 7.46153 7.62691 6.78728 8.01643L7.28752 8.88232ZM9.5 8.5V6.5H8.5V8.5H9.5ZM9 6H7V7H9V6Z'
+				fill='#DAE3F3'
+			/>
+		</svg>
+	)
+}
 
-export default React.memo(ProcessIcon);
+export default React.memo(ProcessIcon)
diff --git a/src/Icons/Reskin/ArrowIcon.tsx b/src/Icons/Reskin/ArrowIcon.tsx
deleted file mode 100644
index a2140a04..00000000
--- a/src/Icons/Reskin/ArrowIcon.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-
-const ArrowIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
-  return (
-    <svg
-      width='6'
-      height='12'
-      viewBox='0 0 6 12'
-      fill='none'
-      xmlns='http://www.w3.org/2000/svg'
-      {...props}
-    >
-      <path d='M0.25 11.5L5.75 6L0.25 0.5L0.25 11.5Z' fill='#777777' />
-    </svg>
-  );
-};
-
-export default React.memo(ArrowIcon);
diff --git a/src/Icons/index.ts b/src/Icons/index.ts
index c8907f64..16f75a6f 100644
--- a/src/Icons/index.ts
+++ b/src/Icons/index.ts
@@ -1,43 +1,43 @@
-import ArrowBackIcon from './ArrowBackIcon';
-import ArrowDownIcon from './ArrowDownIcon';
-import ArrowIcon from './Reskin/ArrowIcon';
-import ArrowForwardIcon from './ArrowForwardIcon';
-import ArrowUpIcon from './ArrowUpIcon';
-import CheckCircleIcon from './CheckCircleIcon';
-import CheckIcon from './CheckIcon';
-import ClearIcon from './ClearIcon';
-import ClockIcon from './ClockIcon';
-import ContactSupportIcon from './ContactSupportIcon';
-import ContentCopyIcon from './ContentCopyIcon';
-import ExpandMoreIcon from './ExpandMoreIcon';
-import InfoIcon from './InfoIcon';
-import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon';
-import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon';
-import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon';
-import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon';
-import MenuIcon from './MenuIcon';
-import ProcessIcon from './ProcessIcon';
-import StarRateIcon from './StarRateIcon';
+import ArrowBackIcon from './ArrowBackIcon'
+import ArrowDownIcon from './ArrowDownIcon'
+import ArrowForwardIcon from './ArrowForwardIcon'
+import ArrowIcon from './ArrowIcon'
+import ArrowUpIcon from './ArrowUpIcon'
+import CheckCircleIcon from './CheckCircleIcon'
+import CheckIcon from './CheckIcon'
+import ClearIcon from './ClearIcon'
+import ClockIcon from './ClockIcon'
+import ContactSupportIcon from './ContactSupportIcon'
+import ContentCopyIcon from './ContentCopyIcon'
+import ExpandMoreIcon from './ExpandMoreIcon'
+import InfoIcon from './InfoIcon'
+import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon'
+import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon'
+import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon'
+import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon'
+import MenuIcon from './MenuIcon'
+import ProcessIcon from './ProcessIcon'
+import StarRateIcon from './StarRateIcon'
 
 export {
-  ArrowIcon,
-  ArrowBackIcon,
-  ArrowDownIcon,
-  ArrowForwardIcon,
-  ArrowUpIcon,
-  CheckCircleIcon,
-  CheckIcon,
-  ClearIcon,
-  ClockIcon,
-  ContactSupportIcon,
-  ContentCopyIcon,
-  ExpandMoreIcon,
-  InfoIcon,
-  KeyBoardArrowDownIcon,
-  KeyBoardArrowLeftIcon,
-  KeyBoardArrowRightIcon,
-  KeyBoardArrowUpIcon,
-  MenuIcon,
-  ProcessIcon,
-  StarRateIcon,
-};
+	ArrowBackIcon,
+	ArrowDownIcon,
+	ArrowForwardIcon,
+	ArrowIcon,
+	ArrowUpIcon,
+	CheckCircleIcon,
+	CheckIcon,
+	ClearIcon,
+	ClockIcon,
+	ContactSupportIcon,
+	ContentCopyIcon,
+	ExpandMoreIcon,
+	InfoIcon,
+	KeyBoardArrowDownIcon,
+	KeyBoardArrowLeftIcon,
+	KeyBoardArrowRightIcon,
+	KeyBoardArrowUpIcon,
+	MenuIcon,
+	ProcessIcon,
+	StarRateIcon,
+}
diff --git a/src/index.ts b/src/index.ts
index 0999f3d1..6af6916a 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1 +1 @@
-export * from './Icons';
+export * from './Icons'