diff --git a/src/icons/CloseComponent.tsx b/src/icons/CloseComponent.tsx
index 795564e..1f68a62 100644
--- a/src/icons/CloseComponent.tsx
+++ b/src/icons/CloseComponent.tsx
@@ -1,20 +1,15 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
 const SvgClosecomponent = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={20}
-    height={20}
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="currentColor"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="m5.2 14.8 9.6-9.6m-9.6 0 9.6 9.6"
-    />
+  <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <g clip-path="url(#clip0_4_5)">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7 5.58579L12.2929 0.292893C12.6834 -0.0976311 13.3166 -0.0976311 13.7071 0.292893C14.0976 0.683417 14.0976 1.31658 13.7071 1.70711L8.41421 7L13.7071 12.2929C14.0976 12.6834 14.0976 13.3166 13.7071 13.7071C13.3166 14.0976 12.6834 14.0976 12.2929 13.7071L7 8.41421L1.70711 13.7071C1.31658 14.0976 0.683417 14.0976 0.292893 13.7071C-0.0976311 13.3166 -0.0976311 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z" fill="currentColor"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_4_5">
+        <rect width="14" height="14" fill="white"/>
+      </clipPath>
+    </defs>
   </svg>
 );
 export default SvgClosecomponent;