Merge pull request #549 from captain-Akshay/master

refactor(icon): fixed the icon used for feedback
layer5io · Mar 15, 2024 · 04cf89d · 04cf89d
2 parents 7bc9d9b + 333f42d
commit 04cf89d
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 13 deletions.
diff --git a/src/custom/Feedback/style.tsx b/src/custom/Feedback/style.tsx
@@ -189,8 +189,8 @@ const positionMap: Record<
   },
   'right-middle': {
     top: '50%',
-    right: '-60px',
-    transform: 'rotate(-90deg) translateY(-50%)'
+    right: '-45px',
+    transform: 'rotate(-90deg)'
   },
   'right-bottom': {
     bottom: '10%',

diff --git a/src/icons/Feedback/FeedbackIcon.tsx b/src/icons/Feedback/FeedbackIcon.tsx
@@ -17,20 +17,27 @@ const FeedbackIcon: FC<KeppelApplicationIconProps> = ({
       height={height}
       version="1.1"
       xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 20 20"
+      viewBox="0 0 24 24"
       fill={props.fill}
       {...props}
     >
-      <g clip-path="url(#clip0_27246_7300)">
-        <path d="M18 0H2C1.46957 0 0.960859 0.210714 0.585786 0.585786C0.210714 0.960859 0 1.46957 0 2L0 20L4 16H18C18.5304 16 19.0391 15.7893 19.4142 15.4142C19.7893 15.0391 20 14.5304 20 14V2C20 1.46957 19.7893 0.960859 19.4142 0.585786C19.0391 0.210714 18.5304 0 18 0ZM11 12H9V10H11V12ZM11 8H9V4H11V8Z" />
-        <path d="M11 3.89062H9V8.00062H11V3.89062Z" fill={props.secondaryFill || 'transparent'} />
-        <path d="M11 9.92188H9V12.0019H11V9.92188Z" fill={props.secondaryFill || 'transparent'} />
-      </g>
-      <defs>
-        <clipPath id="clip0_27246_7300">
-          <rect width="20" height="20" fill="white" />
-        </clipPath>
-      </defs>
+      <path d="M20 2H4C2.9 2 2.01 2.9 2.01 4L2 22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2ZM13 14H11V12H13V14ZM13 10H11V6H13V10Z" />
+      <line
+        x1="12"
+        y1="6"
+        x2="12"
+        y2="10"
+        stroke={props.secondaryFill || 'transparent'}
+        stroke-width="2"
+      />
+      <line
+        x1="12"
+        y1="12"
+        x2="12"
+        y2="14"
+        stroke={props.secondaryFill || 'transparent'}
+        stroke-width="2"
+      />
     </svg>
   );
 };