From 6edfc83ddfef7b2ce5a08b1c21743589f77996fb Mon Sep 17 00:00:00 2001
From: Claire Dagan <clairedagan@gmail.com>
Date: Fri, 22 Mar 2024 15:49:15 +0100
Subject: [PATCH] fix(icons): fix controlUnit and controlUnitFilled icons

---
 src/assets/icons/ControlUnit.svg       | 19 ++++++++-----------
 src/assets/icons/ControlUnitFilled.svg |  5 +++--
 src/icons/ControlUnit.tsx              | 21 +++++++++------------
 src/icons/ControlUnitFilled.tsx        |  5 +++--
 4 files changed, 23 insertions(+), 27 deletions(-)

diff --git a/src/assets/icons/ControlUnit.svg b/src/assets/icons/ControlUnit.svg
index ac53d143e..e12997209 100644
--- a/src/assets/icons/ControlUnit.svg
+++ b/src/assets/icons/ControlUnit.svg
@@ -1,13 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
-  <g id="Groupe_5092" data-name="Groupe 5092" transform="translate(80 205)">
-    <g id="Groupe_5091" data-name="Groupe 5091">
-      <rect id="Rectangle_6496" data-name="Rectangle 6496" width="2" height="12" transform="translate(-64 -188) rotate(90)" fill="#707785"/>
-      <path id="Tracé_1696" data-name="Tracé 1696" d="M-67.694-199l1.333,8h-7.277l1.336-8Zm0-2h-4.6a2,2,0,0,0-1.977,1.675L-76-189h12l-1.721-10.325A2,2,0,0,0-67.7-201Z" fill="#707785"/>
-      <rect id="Rectangle_6497" data-name="Rectangle 6497" width="1.5" height="2.25" transform="translate(-70.75 -204.25)" fill="#707785"/>
-      <rect id="Rectangle_6498" data-name="Rectangle 6498" width="1.5" height="2.25" transform="translate(-64.061 -203) rotate(45)" fill="#707785"/>
-      <rect id="Rectangle_6499" data-name="Rectangle 6499" width="1.5" height="2.25" transform="translate(-77 -201.939) rotate(-45)" fill="#707785"/>
-    </g>
-    <rect id="Rectangle_6500" data-name="Rectangle 6500" width="20" height="20" transform="translate(-80 -205)" fill="none"/>
-    <path id="Tracé_1697" data-name="Tracé 1697" d="M-80-205h20v20H-80Z" fill="none"/>
+<svg id="Control" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <g id="Groupe_5112" data-name="Groupe 5112" transform="translate(80 205)">
+    <rect id="Rectangle_6496" data-name="Rectangle 6496" width="2" height="12" transform="translate(-64 -188) rotate(90)" fill="#707785"/>
+    <path id="Tracé_1696" data-name="Tracé 1696" d="M-67.694-199l1.333,8h-7.277l1.336-8Zm0-2h-4.6a2,2,0,0,0-1.977,1.675L-76-189h12l-1.721-10.325A2,2,0,0,0-67.7-201Z" fill="#707785"/>
+    <rect id="Rectangle_6497" data-name="Rectangle 6497" width="1.5" height="2.25" transform="translate(-70.75 -204.25)" fill="#707785"/>
+    <rect id="Rectangle_6498" data-name="Rectangle 6498" width="1.5" height="2.25" transform="translate(-64.061 -203) rotate(45)" fill="#707785"/>
+    <rect id="Rectangle_6499" data-name="Rectangle 6499" width="1.5" height="2.25" transform="translate(-77 -201.939) rotate(-45)" fill="#707785"/>
   </g>
+  <rect id="Rectangle_6115" data-name="Rectangle 6115" width="20" height="20" fill="none"/>
 </svg>
diff --git a/src/assets/icons/ControlUnitFilled.svg b/src/assets/icons/ControlUnitFilled.svg
index b0599326d..e9cd04c17 100644
--- a/src/assets/icons/ControlUnitFilled.svg
+++ b/src/assets/icons/ControlUnitFilled.svg
@@ -1,9 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="14" height="18.25" viewBox="0 0 14 18.25">
-  <g id="Control_filled" transform="translate(77 204.25)">
+<svg id="Control_filled" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <g id="Control_filled-2" data-name="Control_filled" transform="translate(80 205)">
     <rect id="Rectangle_6496" data-name="Rectangle 6496" width="2" height="12" transform="translate(-64 -188) rotate(90)" fill="#707785"/>
     <path id="Tracé_1696" data-name="Tracé 1696" d="M-67.7-201h-4.6a2,2,0,0,0-1.977,1.675L-76-189h12l-1.721-10.325A2,2,0,0,0-67.7-201Z" fill="#707785"/>
     <rect id="Rectangle_6497" data-name="Rectangle 6497" width="1.5" height="2.25" transform="translate(-70.75 -204.25)" fill="#707785"/>
     <rect id="Rectangle_6498" data-name="Rectangle 6498" width="1.5" height="2.25" transform="translate(-64.061 -203) rotate(45)" fill="#707785"/>
     <rect id="Rectangle_6499" data-name="Rectangle 6499" width="1.5" height="2.25" transform="translate(-77 -201.939) rotate(-45)" fill="#707785"/>
   </g>
+  <rect id="Rectangle_6115" data-name="Rectangle 6115" width="20" height="20" fill="none"/>
 </svg>
diff --git a/src/icons/ControlUnit.tsx b/src/icons/ControlUnit.tsx
index 01507bcf5..09d2a2784 100644
--- a/src/icons/ControlUnit.tsx
+++ b/src/icons/ControlUnit.tsx
@@ -7,19 +7,16 @@ export function ControlUnit({ color, size, title, ...nativeProps }: IconProps) {
     <IconBox $color={color} $size={size} title={title}>
       <svg height="20" viewBox="0 0 20 20" width="20" {...nativeProps}>
         <g transform="translate(80 205)">
-          <g>
-            <rect fill="currentColor" height="12" transform="translate(-64 -188) rotate(90)" width="2" />
-            <path
-              d="M-67.694-199l1.333,8h-7.277l1.336-8Zm0-2h-4.6a2,2,0,0,0-1.977,1.675L-76-189h12l-1.721-10.325A2,2,0,0,0-67.7-201Z"
-              fill="currentColor"
-            />
-            <rect fill="currentColor" height="2.25" transform="translate(-70.75 -204.25)" width="1.5" />
-            <rect fill="currentColor" height="2.25" transform="translate(-64.061 -203) rotate(45)" width="1.5" />
-            <rect fill="currentColor" height="2.25" transform="translate(-77 -201.939) rotate(-45)" width="1.5" />
-          </g>
-          <rect fill="none" height="20" transform="translate(-80 -205)" width="20" />
-          <path d="M-80-205h20v20H-80Z" fill="none" />
+          <rect fill="currentColor" height="12" transform="translate(-64 -188) rotate(90)" width="2" />
+          <path
+            d="M-67.694-199l1.333,8h-7.277l1.336-8Zm0-2h-4.6a2,2,0,0,0-1.977,1.675L-76-189h12l-1.721-10.325A2,2,0,0,0-67.7-201Z"
+            fill="currentColor"
+          />
+          <rect fill="currentColor" height="2.25" transform="translate(-70.75 -204.25)" width="1.5" />
+          <rect fill="currentColor" height="2.25" transform="translate(-64.061 -203) rotate(45)" width="1.5" />
+          <rect fill="currentColor" height="2.25" transform="translate(-77 -201.939) rotate(-45)" width="1.5" />
         </g>
+        <rect fill="none" height="20" width="20" />
       </svg>
     </IconBox>
   )
diff --git a/src/icons/ControlUnitFilled.tsx b/src/icons/ControlUnitFilled.tsx
index 3409f666e..7ac7a13a7 100644
--- a/src/icons/ControlUnitFilled.tsx
+++ b/src/icons/ControlUnitFilled.tsx
@@ -5,8 +5,8 @@ import type { IconProps } from '../types/definitions'
 export function ControlUnitFilled({ color, size, title, ...nativeProps }: IconProps) {
   return (
     <IconBox $color={color} $size={size} title={title}>
-      <svg height="18.25" viewBox="0 0 14 18.25" width="14" {...nativeProps}>
-        <g transform="translate(77 204.25)">
+      <svg height="20" viewBox="0 0 20 20" width="20" {...nativeProps}>
+        <g transform="translate(80 205)">
           <rect fill="currentColor" height="12" transform="translate(-64 -188) rotate(90)" width="2" />
           <path
             d="M-67.7-201h-4.6a2,2,0,0,0-1.977,1.675L-76-189h12l-1.721-10.325A2,2,0,0,0-67.7-201Z"
@@ -16,6 +16,7 @@ export function ControlUnitFilled({ color, size, title, ...nativeProps }: IconPr
           <rect fill="currentColor" height="2.25" transform="translate(-64.061 -203) rotate(45)" width="1.5" />
           <rect fill="currentColor" height="2.25" transform="translate(-77 -201.939) rotate(-45)" width="1.5" />
         </g>
+        <rect fill="none" height="20" width="20" />
       </svg>
     </IconBox>
   )