aftershootco · gaurdivit · Nov 29, 2022 · Nov 29, 2022 · Nov 29, 2022 · Dec 1, 2022
diff --git a/.DS_Store b/.DS_Store
diff --git a/.prettierrc 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
@@ -1,6 +1,6 @@
 {
 	"name": "@aftershootco/unicorn-icons",
-	"version": "1.0.12",
+	"version": "1.1.38",
 	"description": "",
 	"author": "AfterShoot",
 	"license": "ISC",
@@ -19,36 +19,36 @@
 		"react-dom": "^18.2.0"
 	},
 	"devDependencies": {
-		"@babel/core": "^7.20.2",
-		"@rollup/plugin-babel": "^6.0.2",
-		"@rollup/plugin-commonjs": "^23.0.2",
+		"@babel/core": "^7.20.7",
+		"@rollup/plugin-babel": "^6.0.3",
+		"@rollup/plugin-commonjs": "^24.0.0",
 		"@rollup/plugin-node-resolve": "^15.0.1",
-		"@rollup/plugin-typescript": "^9.0.2",
+		"@rollup/plugin-typescript": "^10.0.1",
 		"@rollup/plugin-url": "^8.0.1",
 		"@svgr/rollup": "^6.5.1",
-		"@types/react": "^18.0.25",
-		"@types/react-dom": "^18.0.9",
+		"@types/react": "^18.0.26",
+		"@types/react-dom": "^18.0.10",
 		"autoprefixer": "^10.4.13",
 		"babel-loader": "^9.1.0",
-		"css-loader": "^6.7.2",
+		"css-loader": "^6.7.3",
 		"husky": "^8.0.2",
 		"node-sass": "^8.0.0",
-		"postcss": "^8.4.19",
+		"postcss": "^8.4.20",
 		"postcss-flexbugs-fixes": "^5.0.2",
 		"postcss-url": "^10.1.3",
-		"rollup": "^3.3.0",
-		"rollup-plugin-dts": "^5.0.0",
+		"rollup": "^3.9.0",
+		"rollup-plugin-dts": "^5.1.0",
 		"rollup-plugin-images": "^1.0.0",
 		"rollup-plugin-peer-deps-external": "^2.2.4",
 		"rollup-plugin-postcss": "^4.0.2",
-		"rollup-plugin-scss": "^3.0.0",
+		"rollup-plugin-scss": "^4.0.0",
 		"rollup-plugin-svg": "^2.0.0",
 		"rollup-plugin-svg-import": "^1.6.0",
 		"rollup-plugin-terser": "^7.0.2",
 		"sass-loader": "^13.2.0",
 		"style-loader": "^3.3.1",
 		"tslib": "^2.4.1",
-		"typescript": "^4.8.4",
+		"typescript": "^4.9.4",
 		"webpack": "^5.75.0"
 	},
 	"files": [

diff --git a/src/.DS_Store b/src/.DS_Store
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -0,0 +1,25 @@
+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)
diff --git 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
@@ -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
@@ -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
@@ -0,0 +1,24 @@
+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>
+	)
+})
+
+export default React.memo(InfoIcon)
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -0,0 +1,14 @@
+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>
+	)
+}
+
+export default React.memo(ProcessIcon)