From e25ef4771123a82dde4fc2a330ee57e549c14602 Mon Sep 17 00:00:00 2001
From: Ape Fede <apefede09@gmail.com>
Date: Tue, 15 Nov 2022 17:55:34 -0300
Subject: [PATCH] chore: Add settings Icon

---
 src/components/Svg/Icons/MenuSettings.tsx | 26 +++++++++++++++++++++++
 src/components/Svg/Icons/index.ts         |  1 +
 src/components/Svg/Svg.tsx                |  4 ++++
 src/components/Svg/types.ts               |  1 +
 4 files changed, 32 insertions(+)
 create mode 100644 src/components/Svg/Icons/MenuSettings.tsx

diff --git a/src/components/Svg/Icons/MenuSettings.tsx b/src/components/Svg/Icons/MenuSettings.tsx
new file mode 100644
index 00000000..9eeb8f50
--- /dev/null
+++ b/src/components/Svg/Icons/MenuSettings.tsx
@@ -0,0 +1,26 @@
+/** @jsxImportSource theme-ui */
+import React from "react";
+import { rotation, SvgProps } from "./types";
+
+const Arrow: React.FC<SvgProps> = ({ direction = "down", color = "text", width, getStyles }) => {
+  const deg: rotation = {
+    left: 90,
+    up: 180,
+    right: 270,
+    down: 0,
+  };
+  const style = getStyles({
+    degree: deg[direction as keyof rotation],
+    color,
+  });
+  return (
+    <svg width={width || "11"} height="18" viewBox="0 0 18 18" sx={style}>
+      <path
+        d="M0 15C0 15.55 0.45 16 1 16H6V14H1C0.45 14 0 14.45 0 15ZM0 3C0 3.55 0.45 4 1 4H10V2H1C0.45 2 0 2.45 0 3ZM10 17V16H17C17.55 16 18 15.55 18 15C18 14.45 17.55 14 17 14H10V13C10 12.45 9.55 12 9 12C8.45 12 8 12.45 8 13V17C8 17.55 8.45 18 9 18C9.55 18 10 17.55 10 17ZM4 7V8H1C0.45 8 0 8.45 0 9C0 9.55 0.45 10 1 10H4V11C4 11.55 4.45 12 5 12C5.55 12 6 11.55 6 11V7C6 6.45 5.55 6 5 6C4.45 6 4 6.45 4 7ZM18 9C18 8.45 17.55 8 17 8H8V10H17C17.55 10 18 9.55 18 9ZM13 6C13.55 6 14 5.55 14 5V4H17C17.55 4 18 3.55 18 3C18 2.45 17.55 2 17 2H14V1C14 0.45 13.55 0 13 0C12.45 0 12 0.45 12 1V5C12 5.55 12.45 6 13 6Z"
+        fill="#4D4040"
+      />
+    </svg>
+  );
+};
+
+export default Arrow;
diff --git a/src/components/Svg/Icons/index.ts b/src/components/Svg/Icons/index.ts
index c122cc98..6fb7cb3a 100644
--- a/src/components/Svg/Icons/index.ts
+++ b/src/components/Svg/Icons/index.ts
@@ -45,3 +45,4 @@ export { default as ZapIcon } from "./ZapIcon";
 export { default as Migrate } from "./Migrate";
 export { default as Message } from "./Message";
 export { default as Positions } from "./Positions";
+export { default as MenuSettings } from "./MenuSettings";
diff --git a/src/components/Svg/Svg.tsx b/src/components/Svg/Svg.tsx
index b9dd74b8..a3706cb3 100644
--- a/src/components/Svg/Svg.tsx
+++ b/src/components/Svg/Svg.tsx
@@ -50,6 +50,7 @@ import {
   Migrate,
   Message,
   Positions,
+  MenuSettings,
 } from "./Icons";
 import { BSC, BANANA, BNB, ETH, GNANA, POLYGON, TLOS } from "./tokens";
 import { IconStyles } from "./Icons/types";
@@ -223,6 +224,9 @@ const Svg: React.FC<SvgProps> = ({ icon, ...props }: any) => {
   if (icon === icons.POSITIONS) {
     return <Positions {...props} getStyles={getStyles} />;
   }
+  if (icon === icons.MENU_SETTINGS) {
+    return <MenuSettings {...props} getStyles={getStyles} />;
+  }
   return null;
 };
 
diff --git a/src/components/Svg/types.ts b/src/components/Svg/types.ts
index 954c40d6..f3eacf0f 100644
--- a/src/components/Svg/types.ts
+++ b/src/components/Svg/types.ts
@@ -59,6 +59,7 @@ export enum icons {
   MIGRATE = "Migrate",
   MESSAGE = "message",
   POSITIONS = "Positions",
+  MENU_SETTINGS = "MenuSettings",
 }
 
 export enum directions {