From fce7eec1fc3b86a32f68d468e1bd4114ac4b0cf9 Mon Sep 17 00:00:00 2001
From: pandadev <70103896+0PandaDEV@users.noreply.github.com>
Date: Sun, 16 Mar 2025 21:32:14 +0100
Subject: [PATCH] feat: add new icon components including Bin, Board, Brush,
 Cube, Expand, Gear, Globe, Open, Pen, Rotate, T, and Zip; remove unused Cmd,
 Ctrl, Enter, Key, and Shift icons for a cleaner icon set

---
 components/Icons/Bin.vue    |  7 +++++++
 components/Icons/Board.vue  | 14 +++++++++++++
 components/Icons/Brush.vue  |  7 +++++++
 components/Icons/Cmd.vue    | 39 -----------------------------------
 components/Icons/Ctrl.vue   | 32 -----------------------------
 components/Icons/Cube.vue   |  7 +++++++
 components/Icons/Enter.vue  | 41 -------------------------------------
 components/Icons/Expand.vue | 10 +++++++++
 components/Icons/Gear.vue   |  7 +++++++
 components/Icons/Globe.vue  |  7 +++++++
 components/Icons/Key.vue    | 33 -----------------------------
 components/Icons/Open.vue   |  7 +++++++
 components/Icons/Pen.vue    |  7 +++++++
 components/Icons/Rotate.vue |  7 +++++++
 components/Icons/Shift.vue  | 12 -----------
 components/Icons/T.vue      |  7 +++++++
 components/Icons/Zip.vue    |  7 +++++++
 17 files changed, 94 insertions(+), 157 deletions(-)
 create mode 100644 components/Icons/Bin.vue
 create mode 100644 components/Icons/Board.vue
 create mode 100644 components/Icons/Brush.vue
 delete mode 100644 components/Icons/Cmd.vue
 delete mode 100644 components/Icons/Ctrl.vue
 create mode 100644 components/Icons/Cube.vue
 delete mode 100644 components/Icons/Enter.vue
 create mode 100644 components/Icons/Expand.vue
 create mode 100644 components/Icons/Gear.vue
 create mode 100644 components/Icons/Globe.vue
 delete mode 100644 components/Icons/Key.vue
 create mode 100644 components/Icons/Open.vue
 create mode 100644 components/Icons/Pen.vue
 create mode 100644 components/Icons/Rotate.vue
 delete mode 100644 components/Icons/Shift.vue
 create mode 100644 components/Icons/T.vue
 create mode 100644 components/Icons/Zip.vue

diff --git a/components/Icons/Bin.vue b/components/Icons/Bin.vue
new file mode 100644
index 0000000..d69f6a4
--- /dev/null
+++ b/components/Icons/Bin.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="14px" height="14px" viewBox="0 0 16 16">
+    <path fill="#F84E4E" fill-rule="evenodd"
+      d="M9 2H7a.5.5 0 0 0-.5.5V3h3v-.5A.5.5 0 0 0 9 2m2 1v-.5a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2V3H2.251a.75.75 0 0 0 0 1.5h.312l.317 7.625A3 3 0 0 0 5.878 15h4.245a3 3 0 0 0 2.997-2.875l.318-7.625h.312a.75.75 0 0 0 0-1.5zm.936 1.5H4.064l.315 7.562A1.5 1.5 0 0 0 5.878 13.5h4.245a1.5 1.5 0 0 0 1.498-1.438zm-6.186 2v5a.75.75 0 0 0 1.5 0v-5a.75.75 0 0 0-1.5 0m3.75-.75a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75"
+      clip-rule="evenodd" />
+  </svg>
+</template>
\ No newline at end of file
diff --git a/components/Icons/Board.vue b/components/Icons/Board.vue
new file mode 100644
index 0000000..7f45d86
--- /dev/null
+++ b/components/Icons/Board.vue
@@ -0,0 +1,14 @@
+<template>
+  <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g>
+      <path
+        d="M0 1.38272C0 0.619063 0.596954 0 1.33333 0C1.33333 0 2.66667 0 2.66667 0C3.40305 0 4 0.619063 4 1.38272C4 1.38272 4 1.38272 4 1.38272C4 2.14637 3.40305 2.76543 2.66667 2.76543C2.66667 2.76543 1.33333 2.76543 1.33333 2.76543C0.596954 2.76543 0 2.14637 0 1.38272"
+        fill="none" stroke-width="1.5" stroke="#E5DFD5" stroke-linecap="round" stroke-linejoin="round"
+        transform="translate(5 0.778)" />
+      <path
+        d="M2.66667 0C2.66667 0 1.33333 0 1.33333 0C0.596954 0 0 0.619063 0 1.38272C0 1.38272 0 9.67901 0 9.67901C0 10.4427 0.596954 11.0617 1.33333 11.0617C1.33333 11.0617 8 11.0617 8 11.0617C8.73638 11.0617 9.33333 10.4427 9.33333 9.67901C9.33333 9.67901 9.33333 1.38272 9.33333 1.38272C9.33333 0.619063 8.73638 0 8 0C8 0 6.66667 0 6.66667 0"
+        fill="none" stroke-width="1.5" stroke="#E5DFD5" stroke-linecap="round" stroke-linejoin="round"
+        transform="translate(2.333 2.161)" />
+    </g>
+  </svg>
+</template>
\ No newline at end of file
diff --git a/components/Icons/Brush.vue b/components/Icons/Brush.vue
new file mode 100644
index 0000000..d282b03
--- /dev/null
+++ b/components/Icons/Brush.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="14px" height="14px" viewBox="0 0 16 16">
+    <path fill="#E5DFD5" fill-rule="evenodd"
+      d="M8.922 9.842q.077.425.078.896c0 1.907-1.387 3.66-3.79 3.894a4.78 4.78 0 0 1-4.208-1.774a2 2 0 0 1-.21-.333c-.231-.461-.292-1-.292-1.528c.312.047.599.045.852 0c.635-.112 1.061-.487 1.148-1C2.73 8.637 3.572 7 5.76 7q.224 0 .435.028l3.417-4.784a2.971 2.971 0 1 1 4.145 4.145zm-.56-1.444l2.819-2.013A2.7 2.7 0 0 0 9.615 4.82L7.626 7.605q.43.324.737.793m4.066-2.904l.457-.326a1.471 1.471 0 1 0-2.052-2.052l-.326.457a4.2 4.2 0 0 1 1.921 1.921M3.98 10.247c.086-.507.272-.962.54-1.264c.225-.254.572-.483 1.242-.483c.517 0 .913.197 1.198.523c.297.34.541.906.541 1.715c0 1.121-.786 2.24-2.435 2.4a3.3 3.3 0 0 1-2.63-.922c.76-.337 1.374-.965 1.544-1.969"
+      clip-rule="evenodd" />
+  </svg>
+</template>
\ No newline at end of file
diff --git a/components/Icons/Cmd.vue b/components/Icons/Cmd.vue
deleted file mode 100644
index 7b18f3e..0000000
--- a/components/Icons/Cmd.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<template>
-  <svg
-    width="24px"
-    height="20px"
-    viewBox="0 0 24 20"
-    version="1.1"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    xmlns="http://www.w3.org/2000/svg">
-    <defs>
-      <path d="M0 0L24 0L24 20L0 20L0 0Z" id="path_1" />
-      <clipPath id="clip_1">
-        <use
-          xlink:href="#path_1"
-          clip-rule="evenodd"
-          fill-rule="evenodd"
-          transform="translate(0, -2.133523)" />
-      </clipPath>
-    </defs>
-    <g id="cmd">
-      <path
-        d="M-751 -2016L-751 -2016L-751 -1996L-775 -1996L-775 -2016L-751 -2016Z"
-        id="cmd"
-        fill="none"
-        stroke="none" />
-      <path
-        d="M12 0L17.6 0C19.8402 0 20.9603 0 21.816 0.435974Q22.3804 0.723593 22.8284 1.17157Q23.2764 1.61955 23.564 2.18404C24 3.03969 24 4.15979 24 6.4L24 13.6C24 15.8402 24 16.9603 23.564 17.816Q23.2764 18.3804 22.8284 18.8284Q22.3804 19.2764 21.816 19.564C20.9603 20 19.8402 20 17.6 20L6.4 20C4.15979 20 3.03969 20 2.18404 19.564Q1.61955 19.2764 1.17157 18.8284Q0.723594 18.3804 0.435974 17.816C0 16.9603 0 15.8402 0 13.6L0 6.4C0 4.15979 0 3.03969 0.435974 2.18404Q0.723594 1.61955 1.17157 1.17157Q1.61955 0.723594 2.18404 0.435974C3.03969 0 4.15979 0 6.4 0L12 0Z"
-        id="Rectangle"
-        fill="#FFFFFF"
-        fill-opacity="0.050980393"
-        stroke="none" />
-      <g id="⌘" clip-path="url(#clip_1)" transform="translate(0 2.133523)">
-        <g transform="translate(5.5692472, 0)" id="⌘" fill="#E5DFD5">
-          <path
-            d="M3.55007 12.8061Q2.98224 12.8061 2.51598 12.5268Q2.04972 12.2475 1.77042 11.7789Q1.49112 11.3104 1.49112 10.7472Q1.49112 10.1747 1.77042 9.70614Q2.04972 9.23757 2.51598 8.95827Q2.98224 8.67898 3.55007 8.67898L4.5657 8.67898L4.5657 7.04474L3.55007 7.04474Q2.98224 7.04474 2.51598 6.76775Q2.04972 6.49077 1.77042 6.02219Q1.49112 5.55362 1.49112 4.98579Q1.49112 4.41797 1.77042 3.9494Q2.04972 3.48082 2.51598 3.20383Q2.98224 2.92685 3.55007 2.92684Q4.1179 2.92684 4.58647 3.20383Q5.05504 3.48082 5.33434 3.9494Q5.61364 4.41797 5.61364 4.98579L5.61364 5.99219L7.25249 5.99219L7.25249 4.98579Q7.25249 4.41797 7.52947 3.9494Q7.80646 3.48082 8.27504 3.20383Q8.74361 2.92685 9.31144 2.92684Q9.87926 2.92684 10.3455 3.20383Q10.8118 3.48082 11.0888 3.9494Q11.3658 4.41797 11.3658 4.98579Q11.3658 5.55362 11.0888 6.02219Q10.8118 6.49077 10.3455 6.76775Q9.87926 7.04474 9.31144 7.04474L8.30043 7.04474L8.30043 8.67898L9.31144 8.67898Q9.87926 8.67898 10.3455 8.95827Q10.8118 9.23757 11.0888 9.70614Q11.3658 10.1747 11.3658 10.7472Q11.3658 11.3104 11.0888 11.7789Q10.8118 12.2475 10.3455 12.5268Q9.87926 12.8061 9.31144 12.8061Q8.74361 12.8061 8.27504 12.5268Q7.80646 12.2475 7.52947 11.7789Q7.25249 11.3104 7.25249 10.7472L7.25249 9.73153L5.61364 9.73153L5.61364 10.7472Q5.61364 11.3104 5.33434 11.7789Q5.05504 12.2475 4.58647 12.5268Q4.1179 12.8061 3.55007 12.8061ZM3.55007 11.7536Q3.97017 11.7536 4.26563 11.4604Q4.56108 11.1673 4.5657 10.7472L4.5657 9.73153L3.55007 9.73153Q3.12997 9.73615 2.83452 10.0293Q2.53906 10.3224 2.53906 10.7472Q2.53906 11.1673 2.83452 11.4604Q3.12997 11.7536 3.55007 11.7536ZM9.31144 11.7536Q9.72692 11.7536 10.0224 11.4604Q10.3178 11.1673 10.3178 10.7472Q10.3178 10.3224 10.0224 10.0293Q9.72692 9.73615 9.31144 9.73153L8.30043 9.73153L8.30043 10.7472Q8.29581 11.1673 8.59357 11.4604Q8.89133 11.7536 9.31144 11.7536ZM3.55007 5.99219L4.5657 5.99219L4.5657 4.98579Q4.56108 4.56569 4.26563 4.27255Q3.97017 3.9794 3.55007 3.9794Q3.12997 3.9794 2.83452 4.27255Q2.53906 4.56569 2.53906 4.98579Q2.53906 5.40589 2.83452 5.70135Q3.12997 5.9968 3.55007 5.99219ZM8.30043 5.99219L9.31144 5.99219Q9.72692 5.9968 10.0224 5.70135Q10.3178 5.40589 10.3178 4.98579Q10.3178 4.56569 10.0224 4.27255Q9.72692 3.9794 9.31144 3.9794Q8.89133 3.9794 8.59357 4.27255Q8.29581 4.56569 8.30043 4.98579L8.30043 5.99219ZM5.61364 8.67898L7.25249 8.67898L7.25249 7.04474L5.61364 7.04474L5.61364 8.67898Z" />
-        </g>
-      </g>
-    </g>
-  </svg>
-</template>
diff --git a/components/Icons/Ctrl.vue b/components/Icons/Ctrl.vue
deleted file mode 100644
index 60163bd..0000000
--- a/components/Icons/Ctrl.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-  <svg
-    width="24px"
-    height="20px"
-    viewBox="0 0 24 20"
-    version="1.1"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    xmlns="http://www.w3.org/2000/svg">
-    <g id="Ctrl" fill-opacity="1">
-      <path
-        d="M-751 -2016L-751 -2016L-751 -1996L-775 -1996L-775 -2016L-751 -2016Z"
-        id="Ctrl"
-        fill="none"
-        stroke="none" />
-      <path
-        d="M12 0L17.6 0C19.8402 0 20.9603 0 21.816 0.435974Q22.3804 0.723593 22.8284 1.17157Q23.2764 1.61955 23.564 2.18404C24 3.03969 24 4.15979 24 6.4L24 13.6C24 15.8402 24 16.9603 23.564 17.816Q23.2764 18.3804 22.8284 18.8284Q22.3804 19.2764 21.816 19.564C20.9603 20 19.8402 20 17.6 20L6.4 20C4.15979 20 3.03969 20 2.18404 19.564Q1.61955 19.2764 1.17157 18.8284Q0.723594 18.3804 0.435974 17.816C0 16.9603 0 15.8402 0 13.6L0 6.4C0 4.15979 0 3.03969 0.435974 2.18404Q0.723594 1.61955 1.17157 1.17157Q1.61955 0.723594 2.18404 0.435974C3.03969 0 4.15979 0 6.4 0L12 0Z"
-        id="Rectangle"
-        fill="#FFFFFF"
-        fill-opacity="0.050980393"
-        stroke="none" />
-      <path
-        d="M7.97095 9.00977L12 5L16 9.00977"
-        id="Vector"
-        fill="none"
-        fill-rule="evenodd"
-        stroke="#E5E0D5"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round" />
-    </g>
-  </svg>
-</template>
diff --git a/components/Icons/Cube.vue b/components/Icons/Cube.vue
new file mode 100644
index 0000000..b987711
--- /dev/null
+++ b/components/Icons/Cube.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="14px" height="14px" viewBox="0 0 16 16">
+    <path fill="#E5DFD5" fill-rule="evenodd"
+      d="M13.5 5.475v4.946a1.5 1.5 0 0 1-.973 1.405l-4.777 1.79V7.53zm-.654-1.36a2 2 0 0 0-.175-.103L9.499 2.427a1.5 1.5 0 0 0-1.197-.063l-4.829 1.81q-.12.045-.23.11L7.05 6.185zM2.5 5.59l3.75 1.875v5.984l-2.92-1.46a1.5 1.5 0 0 1-.83-1.342zM1.267 4.343c-.173.38-.267.8-.267 1.236v5.067a3 3 0 0 0 1.658 2.683l3.172 1.586a3 3 0 0 0 2.395.126l4.828-1.811A3 3 0 0 0 15 10.421V5.354a3 3 0 0 0-1.658-2.683L10.17 1.085A3 3 0 0 0 7.775.959L2.947 2.77a3 3 0 0 0-1.48 1.203a.75.75 0 0 0-.2.37"
+      clip-rule="evenodd" />
+  </svg>
+</template>
\ No newline at end of file
diff --git a/components/Icons/Enter.vue b/components/Icons/Enter.vue
deleted file mode 100644
index e6e50a0..0000000
--- a/components/Icons/Enter.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-  <svg
-    width="24px"
-    height="20px"
-    viewBox="0 0 24 20"
-    version="1.1"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    xmlns="http://www.w3.org/2000/svg">
-    <g id="Enter" fill-opacity="1">
-      <path
-        d="M-659 -2016L-659 -2016L-659 -1996L-683 -1996L-683 -2016L-659 -2016Z"
-        id="Enter"
-        fill="none"
-        stroke="none" />
-      <path
-        d="M12 0L17.6 0C19.8402 0 20.9603 0 21.816 0.435974Q22.3804 0.723593 22.8284 1.17157Q23.2764 1.61955 23.564 2.18404C24 3.03969 24 4.15979 24 6.4L24 13.6C24 15.8402 24 16.9603 23.564 17.816Q23.2764 18.3804 22.8284 18.8284Q22.3804 19.2764 21.816 19.564C20.9603 20 19.8402 20 17.6 20L6.4 20C4.15979 20 3.03969 20 2.18404 19.564Q1.61955 19.2764 1.17157 18.8284Q0.723594 18.3804 0.435974 17.816C0 16.9603 0 15.8402 0 13.6L0 6.4C0 4.15979 0 3.03969 0.435974 2.18404Q0.723594 1.61955 1.17157 1.17157Q1.61955 0.723594 2.18404 0.435974C3.03969 0 4.15979 0 6.4 0L12 0Z"
-        id="Rectangle"
-        fill="#FFFFFF"
-        fill-opacity="0.050980393"
-        stroke="none" />
-      <path
-        d="M16.0597 5.48914L16.0597 10.5L7.5 10.5"
-        id="Vector"
-        fill="none"
-        fill-rule="evenodd"
-        stroke="#E5DFD5"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round" />
-      <path
-        d="M9.5 8.5L9.5 12.5035L7 10.5L9.5 8.5Z"
-        id="Vector"
-        fill="#E5DFD5"
-        fill-rule="evenodd"
-        stroke="#E5DFD5"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round" />
-    </g>
-  </svg>
-</template>
diff --git a/components/Icons/Expand.vue b/components/Icons/Expand.vue
new file mode 100644
index 0000000..41e86ae
--- /dev/null
+++ b/components/Icons/Expand.vue
@@ -0,0 +1,10 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="14px" height="14px" viewBox="0 0 16 16">
+    <g fill="none">
+      <path fill="#E5DFD5" fill-rule="evenodd"
+        d="M7.47 1.22a.75.75 0 0 1 1.06 0l1.75 1.75a.75.75 0 1 1-1.06 1.06l-.47-.47v8.88l.47-.47a.75.75 0 1 1 1.06 1.06l-1.75 1.75a.75.75 0 0 1-1.06 0l-1.75-1.75a.75.75 0 1 1 1.06-1.06l.47.47V3.56l-.47.47a.75.75 0 0 1-1.06-1.06zM1.22 7.47a.75.75 0 0 0 0 1.06l1.75 1.75a.75.75 0 1 0 1.06-1.06L2.81 8l1.22-1.22a.75.75 0 0 0-1.06-1.06zm13.56 1.06l-1.75 1.75a.75.75 0 1 1-1.06-1.06L13.19 8l-1.22-1.22a.75.75 0 0 1 1.06-1.06l1.75 1.75a.75.75 0 0 1 0 1.06"
+        clip-rule="evenodd" />
+      <path stroke="#E5DFD5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 8h11" />
+    </g>
+  </svg>
+</template>
\ No newline at end of file
diff --git a/components/Icons/Gear.vue b/components/Icons/Gear.vue
new file mode 100644
index 0000000..581378e
--- /dev/null
+++ b/components/Icons/Gear.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="14px" height="14px" viewBox="0 0 16 16">
+    <path fill="#E5DFD5" fill-rule="evenodd"
+      d="M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.2.2 0 0 1 .271.073l.802 1.388a.2.2 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.2.2 0 0 1 .073.271l-.802 1.388a.2.2 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.2.2 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.2.2 0 0 1-.272-.073l-.8-1.388a.2.2 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.2.2 0 0 1-.073-.27l.801-1.389a.2.2 0 0 1 .272-.072C5.042 5.138 7 4.007 7 2.199c0-.11.089-.199.199-.199M5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735a1.7 1.7 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472a1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.7 1.7 0 0 1-2.32.622a.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7a.85.85 0 0 0-1.274-.735a1.7 1.7 0 0 1-2.32-.622l-.802-1.388a1.7 1.7 0 0 1 .622-2.32a.85.85 0 0 0 0-1.471a1.7 1.7 0 0 1-.622-2.32l.801-1.389a1.7 1.7 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2m4 5.8a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0M11 8a3 3 0 1 1-6 0a3 3 0 0 1 6 0"
+      clip-rule="evenodd" />
+  </svg>
+</template>
\ No newline at end of file
diff --git a/components/Icons/Globe.vue b/components/Icons/Globe.vue
new file mode 100644
index 0000000..f3203ed
--- /dev/null
+++ b/components/Icons/Globe.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="14px" height="14px" viewBox="0 0 16 16">
+    <path fill="#E5DFD5" fill-rule="evenodd"
+      d="M9.208 12.346c-.485 1-.953 1.154-1.208 1.154s-.723-.154-1.208-1.154c-.372-.768-.647-1.858-.749-3.187a21 21 0 0 0 3.914 0c-.102 1.329-.377 2.419-.75 3.187m.788-4.699C9.358 7.714 8.69 7.75 8 7.75s-1.358-.036-1.996-.103c.037-1.696.343-3.075.788-3.993C7.277 2.654 7.745 2.5 8 2.5s.723.154 1.208 1.154c.445.918.75 2.297.788 3.993m1.478 1.306c-.085 1.516-.375 2.848-.836 3.874a5.5 5.5 0 0 0 2.843-4.364c-.621.199-1.295.364-2.007.49m1.918-2.043c-.572.204-1.21.379-1.901.514c-.056-1.671-.354-3.14-.853-4.251a5.5 5.5 0 0 1 2.754 3.737m-8.883.514c.056-1.671.354-3.14.853-4.251A5.5 5.5 0 0 0 2.608 6.91c.572.204 1.21.379 1.901.514M2.52 8.463a5.5 5.5 0 0 0 2.843 4.364c-.46-1.026-.75-2.358-.836-3.874a15.5 15.5 0 0 1-2.007-.49M15 8A7 7 0 1 0 1 8a7 7 0 0 0 14 0"
+      clip-rule="evenodd" />
+  </svg>
+</template>
\ No newline at end of file
diff --git a/components/Icons/Key.vue b/components/Icons/Key.vue
deleted file mode 100644
index f60d6fd..0000000
--- a/components/Icons/Key.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-  <svg
-    width="24px"
-    height="20px"
-    viewBox="0 0 24 20"
-    version="1.1"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    xmlns="http://www.w3.org/2000/svg">
-    <g id="Key" fill-opacity="1">
-      <path
-        d="M12 0L17.6 0C19.8402 0 20.9603 0 21.816 0.435974Q22.3804 0.723593 22.8284 1.17157Q23.2764 1.61955 23.564 2.18404C24 3.03969 24 4.15979 24 6.4L24 13.6C24 15.8402 24 16.9603 23.564 17.816Q23.2764 18.3804 22.8284 18.8284Q22.3804 19.2764 21.816 19.564C20.9603 20 19.8402 20 17.6 20L6.4 20C4.15979 20 3.03969 20 2.18404 19.564Q1.61955 19.2764 1.17157 18.8284Q0.723594 18.3804 0.435974 17.816C0 16.9603 0 15.8402 0 13.6L0 6.4C0 4.15979 0 3.03969 0.435974 2.18404Q0.723594 1.61955 1.17157 1.17157Q1.61955 0.723594 2.18404 0.435974C3.03969 0 4.15979 0 6.4 0L12 0Z"
-        id="Rectangle"
-        fill="#FFFFFF"
-        fill-opacity="0.050980393"
-        stroke="none" />
-      <text
-        x="50%"
-        y="55%"
-        dominant-baseline="middle"
-        text-anchor="middle"
-        fill="#E5E0D5"
-        font-size="12">
-        {{ input }}
-      </text>
-    </g>
-  </svg>
-</template>
-
-<script setup lang="ts">
-defineProps<{
-  input: string;
-}>();
-</script>
diff --git a/components/Icons/Open.vue b/components/Icons/Open.vue
new file mode 100644
index 0000000..f022013
--- /dev/null
+++ b/components/Icons/Open.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="14px" height="14px" viewBox="0 0 16 16">
+    <path fill="#E5DFD5" fill-rule="evenodd"
+      d="M10 1.5A.75.75 0 0 0 10 3h1.94L6.97 7.97a.75.75 0 0 0 1.06 1.06L13 4.06V6a.75.75 0 0 0 1.5 0V2.25a.75.75 0 0 0-.75-.75zM7.5 3.25a.75.75 0 0 0-.75-.75H4.5a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V9.25a.75.75 0 0 0-1.5 0v2.25a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 3 11.5v-6A1.5 1.5 0 0 1 4.5 4h2.25a.75.75 0 0 0 .75-.75"
+      clip-rule="evenodd" />
+  </svg>
+</template>
\ No newline at end of file
diff --git a/components/Icons/Pen.vue b/components/Icons/Pen.vue
new file mode 100644
index 0000000..5a5c7f8
--- /dev/null
+++ b/components/Icons/Pen.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="14px" height="14px" viewBox="0 0 16 16">
+    <path fill="#E5DFD5" fill-rule="evenodd"
+      d="M11.423 1A3.577 3.577 0 0 1 15 4.577c0 .27-.108.53-.3.722l-.528.529l-1.971 1.971l-5.059 5.059a3 3 0 0 1-1.533.82l-2.638.528a1 1 0 0 1-1.177-1.177l.528-2.638a3 3 0 0 1 .82-1.533l5.059-5.059l2.5-2.5c.191-.191.451-.299.722-.299m-2.31 4.009l-4.91 4.91a1.5 1.5 0 0 0-.41.766l-.38 1.903l1.902-.38a1.5 1.5 0 0 0 .767-.41l4.91-4.91a2.08 2.08 0 0 0-1.88-1.88m3.098.658a3.6 3.6 0 0 0-1.878-1.879l1.28-1.28c.995.09 1.788.884 1.878 1.88z"
+      clip-rule="evenodd" />
+  </svg>
+</template>
\ No newline at end of file
diff --git a/components/Icons/Rotate.vue b/components/Icons/Rotate.vue
new file mode 100644
index 0000000..84f57d7
--- /dev/null
+++ b/components/Icons/Rotate.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="14px" height="14px" viewBox="0 0 16 16">
+    <path fill="#E5DFD5" fill-rule="evenodd"
+      d="M8 1.5a6.5 6.5 0 1 0 6.445 7.348a.75.75 0 1 0-1.487-.194A5.001 5.001 0 1 1 11.57 4.5h-1.32a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-1.5 0v1.06A6.48 6.48 0 0 0 8 1.5"
+      clip-rule="evenodd" />
+  </svg>
+</template>
\ No newline at end of file
diff --git a/components/Icons/Shift.vue b/components/Icons/Shift.vue
deleted file mode 100644
index 5af5a9a..0000000
--- a/components/Icons/Shift.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<template>
-  <svg width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g>
-      <path
-        d="M12 0L17.6 0C19.8402 0 20.9603 0 21.816 0.435974Q22.3804 0.723593 22.8284 1.17157Q23.2764 1.61955 23.564 2.18404C24 3.03969 24 4.15979 24 6.4L24 13.6C24 15.8402 24 16.9603 23.564 17.816Q23.2764 18.3804 22.8284 18.8284Q22.3804 19.2764 21.816 19.564C20.9603 20 19.8402 20 17.6 20L6.4 20C4.15979 20 3.03969 20 2.18404 19.564Q1.61955 19.2764 1.17157 18.8284Q0.723594 18.3804 0.435974 17.816C0 16.9603 0 15.8402 0 13.6L0 6.4C0 4.15979 0 3.03969 0.435974 2.18404Q0.723594 1.61955 1.17157 1.17157Q1.61955 0.723594 2.18404 0.435974C3.03969 0 4.15979 0 6.4 0L12 0Z"
-        fill="#FFFFFF" fill-opacity="0.051" />
-      <path
-        d="M4.9427 0.0799475L0.154716 5.27144Q0.144837 5.28216 0.138427 5.29524Q0.132016 5.30833 0.129608 5.3227Q0.127199 5.33707 0.128993 5.35153Q0.130787 5.36599 0.136635 5.37934Q0.142482 5.39269 0.151896 5.40381Q0.16131 5.41493 0.173507 5.42291Q0.185705 5.43088 0.19967 5.43504Q0.213636 5.4392 0.228208 5.4392L3.06459 5.4392Q3.08448 5.4392 3.10285 5.44681Q3.12123 5.45442 3.13529 5.46848Q3.14935 5.48254 3.15696 5.50092Q3.16457 5.51929 3.16457 5.53917L3.16457 9.90003Q3.16457 9.91991 3.17218 9.93828Q3.17979 9.95666 3.19385 9.97072Q3.20791 9.98478 3.22629 9.99239Q3.24466 10 3.26455 10L6.74521 10Q6.7651 10 6.78347 9.99239Q6.80184 9.98478 6.8159 9.97072Q6.82997 9.95666 6.83758 9.93828Q6.84519 9.91991 6.84519 9.90003L6.84519 5.53917Q6.84519 5.51929 6.8528 5.50091Q6.86041 5.48254 6.87447 5.46848Q6.88853 5.45442 6.9069 5.44681Q6.92527 5.4392 6.94516 5.4392L9.77281 5.4392Q9.78736 5.4392 9.8013 5.43505Q9.81525 5.4309 9.82744 5.42295Q9.83962 5.415 9.84904 5.4039Q9.85845 5.39281 9.86431 5.37949Q9.87017 5.36617 9.87199 5.35173Q9.87382 5.3373 9.87145 5.32294Q9.86908 5.30858 9.86271 5.2955Q9.85635 5.28241 9.84652 5.27168L5.0899 0.0801888Q5.07573 0.064719 5.05653 0.0562526Q5.03734 0.0477862 5.01635 0.0477518Q4.99537 0.0477174 4.97615 0.0561208Q4.95692 0.0645242 4.9427 0.0799475Z"
-        fill="none" stroke-width="1.3" stroke="#E5DFD5" transform="translate(7 5)" />
-    </g>
-  </svg>
-</template>
\ No newline at end of file
diff --git a/components/Icons/T.vue b/components/Icons/T.vue
new file mode 100644
index 0000000..61dcdbe
--- /dev/null
+++ b/components/Icons/T.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="14px" height="14px" viewBox="0 0 16 16">
+    <path fill="#E5DFD5" fill-rule="evenodd"
+      d="M3.279 2.544A.75.75 0 0 1 4 2h8a.75.75 0 0 1 .721.544l.5 1.75a.75.75 0 1 1-1.442.412L11.434 3.5H8.75l-.004 9H9.5a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.746l.004-9H4.566L4.22 4.706a.75.75 0 1 1-1.442-.412z"
+      clip-rule="evenodd" />
+  </svg>
+</template>
\ No newline at end of file
diff --git a/components/Icons/Zip.vue b/components/Icons/Zip.vue
new file mode 100644
index 0000000..e1bf671
--- /dev/null
+++ b/components/Icons/Zip.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="14px" height="14px" viewBox="0 0 16 16">
+    <path fill="#E5DFD5" fill-rule="evenodd"
+      d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h.5v.75c0 .414.336.75.75.75H7v2h-.75a.75.75 0 0 0-.75.75v.5c0 .414.336.75.75.75H7v2h-.75a.75.75 0 0 0-.75.75v.5c0 .414.336.75.75.75H7v-2h.75a.75.75 0 0 0 .75-.75v-.5A.75.75 0 0 0 7.75 8H7V6h.75a.75.75 0 0 0 .75-.75v-.5A.75.75 0 0 0 7.75 4H7V2.5h.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5m2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879z"
+      clip-rule="evenodd" />
+  </svg>
+</template>
\ No newline at end of file