@ssa-ui-kit/core 0.0.7-alpha → 0.0.9-alpha

package/src/components/Icon/icons/Copy.tsx

@@ -1,23 +1,24 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const Copy = ({ fill = '#000', size = 15 }: SVGProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={`${size}px`}
-    height={`${size}px`}
-    viewBox="0 0 15 15"
-    fill="none">
-    <title>Copy</title>
-    <g clipPath="url(#clip0_532_12716)">
-      <path
-        d="M12.8755 14.5239H5.40479C4.49601 14.5239 3.75684 13.7848 3.75684 12.876V5.40527C3.75684 4.4965 4.49601 3.75732 5.40479 3.75732H12.8755C13.7843 3.75732 14.5234 4.4965 14.5234 5.40527V12.876C14.5234 13.7848 13.7843 14.5239 12.8755 14.5239ZM5.40479 4.85596C5.10189 4.85596 4.85547 5.10238 4.85547 5.40527V12.876C4.85547 13.1789 5.10189 13.4253 5.40479 13.4253H12.8755C13.1784 13.4253 13.4248 13.1789 13.4248 12.876V5.40527C13.4248 5.10238 13.1784 4.85596 12.8755 4.85596H5.40479ZM2.6582 10.1294H2.10889C1.80599 10.1294 1.55957 9.88297 1.55957 9.58008V2.10938C1.55957 1.80648 1.80599 1.56006 2.10889 1.56006H9.57959C9.88249 1.56006 10.1289 1.80648 10.1289 2.10938V2.63123H11.2275V2.10938C11.2275 1.2006 10.4884 0.461426 9.57959 0.461426H2.10889C1.20011 0.461426 0.460938 1.2006 0.460938 2.10938V9.58008C0.460938 10.4889 1.20011 11.228 2.10889 11.228H2.6582V10.1294Z"
-        fill={fill}
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_532_12716">
-        <rect width={size} height={size} fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const Copy = ({ fill = '#000', size = 15, ...props }: SVGProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={`${size}px`}
+    height={`${size}px`}
+    viewBox="0 0 15 15"
+    fill="none"
+    {...props}>
+    <title>Copy</title>
+    <g clipPath="url(#clip0_532_12716)">
+      <path
+        d="M12.8755 14.5239H5.40479C4.49601 14.5239 3.75684 13.7848 3.75684 12.876V5.40527C3.75684 4.4965 4.49601 3.75732 5.40479 3.75732H12.8755C13.7843 3.75732 14.5234 4.4965 14.5234 5.40527V12.876C14.5234 13.7848 13.7843 14.5239 12.8755 14.5239ZM5.40479 4.85596C5.10189 4.85596 4.85547 5.10238 4.85547 5.40527V12.876C4.85547 13.1789 5.10189 13.4253 5.40479 13.4253H12.8755C13.1784 13.4253 13.4248 13.1789 13.4248 12.876V5.40527C13.4248 5.10238 13.1784 4.85596 12.8755 4.85596H5.40479ZM2.6582 10.1294H2.10889C1.80599 10.1294 1.55957 9.88297 1.55957 9.58008V2.10938C1.55957 1.80648 1.80599 1.56006 2.10889 1.56006H9.57959C9.88249 1.56006 10.1289 1.80648 10.1289 2.10938V2.63123H11.2275V2.10938C11.2275 1.2006 10.4884 0.461426 9.57959 0.461426H2.10889C1.20011 0.461426 0.460938 1.2006 0.460938 2.10938V9.58008C0.460938 10.4889 1.20011 11.228 2.10889 11.228H2.6582V10.1294Z"
+        fill={fill}
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_532_12716">
+        <rect width={size} height={size} fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);

package/src/components/Icon/icons/Cross.tsx

@@ -1,27 +1,28 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const Cross = ({ fill = '#000', size = 24 }: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    fill="none"
-    viewBox="0 0 8 8"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink">
-    <title>Cross</title>
-    <path
-      d="M1 6.66L6.66 1"
-      stroke={fill}
-      strokeWidth="1.4"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M6.66 6.66L1 1"
-      stroke={fill}
-      strokeWidth="1.4"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const Cross = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    fill="none"
+    viewBox="0 0 8 8"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>Cross</title>
+    <path
+      d="M1 6.66L6.66 1"
+      stroke={fill}
+      strokeWidth="1.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M6.66 6.66L1 1"
+      stroke={fill}
+      strokeWidth="1.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);

package/src/components/Icon/icons/Diet.tsx

@@ -1,16 +1,17 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const Diet = ({ fill = '#000', size = 24 }: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink">
-    <title>Diet</title>
-    <path
-      d="M15.3794 1.6875C15.3294 1.68734 15.2788 1.69189 15.2278 1.70215C14.1195 1.92375 13.0319 2.82406 12.4431 3.96241C8.37168 4.3361 5.25 9.29549 5.25 15.5625C5.25 19.2844 8.27812 22.3125 12 22.3125C15.7219 22.3125 18.75 19.2844 18.75 15.5625C18.75 13.7303 18.0635 12.4566 17.3994 11.2251C16.7443 10.009 16.125 8.86013 16.125 7.125C16.125 5.77573 15.2807 4.62307 14.094 4.1587C14.5181 3.61873 15.077 3.26196 15.5222 3.17286C15.9283 3.09186 16.1917 2.69641 16.1104 2.29029C16.0395 1.93493 15.7292 1.68864 15.3794 1.6875ZM12.9441 5.43824C13.8714 5.4419 14.625 6.19689 14.625 7.125C14.625 9.2385 15.3982 10.6714 16.0796 11.9363C16.7077 13.1018 17.25 14.1086 17.25 15.5625C17.25 18.4575 14.895 20.8125 12 20.8125C9.105 20.8125 6.75 18.4575 6.75 15.5625C6.75 10.0089 9.49693 5.4871 12.884 5.4397C12.9054 5.44185 12.9236 5.43802 12.9441 5.43824ZM12 11.4375C10.2319 11.4375 9 13.6247 9 15.5874C9 17.5599 10.2337 18.9375 12 18.9375C13.7662 18.9375 15 17.5599 15 15.5874C15 13.6247 13.7681 11.4375 12 11.4375ZM12 12.9375C12.6611 12.9375 13.5 14.1849 13.5 15.5874C13.5 16.7109 12.9113 17.4375 12 17.4375C11.0887 17.4375 10.5 16.7109 10.5 15.5874C10.5 14.1849 11.3389 12.9375 12 12.9375Z"
-      fill={fill}
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const Diet = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>Diet</title>
+    <path
+      d="M15.3794 1.6875C15.3294 1.68734 15.2788 1.69189 15.2278 1.70215C14.1195 1.92375 13.0319 2.82406 12.4431 3.96241C8.37168 4.3361 5.25 9.29549 5.25 15.5625C5.25 19.2844 8.27812 22.3125 12 22.3125C15.7219 22.3125 18.75 19.2844 18.75 15.5625C18.75 13.7303 18.0635 12.4566 17.3994 11.2251C16.7443 10.009 16.125 8.86013 16.125 7.125C16.125 5.77573 15.2807 4.62307 14.094 4.1587C14.5181 3.61873 15.077 3.26196 15.5222 3.17286C15.9283 3.09186 16.1917 2.69641 16.1104 2.29029C16.0395 1.93493 15.7292 1.68864 15.3794 1.6875ZM12.9441 5.43824C13.8714 5.4419 14.625 6.19689 14.625 7.125C14.625 9.2385 15.3982 10.6714 16.0796 11.9363C16.7077 13.1018 17.25 14.1086 17.25 15.5625C17.25 18.4575 14.895 20.8125 12 20.8125C9.105 20.8125 6.75 18.4575 6.75 15.5625C6.75 10.0089 9.49693 5.4871 12.884 5.4397C12.9054 5.44185 12.9236 5.43802 12.9441 5.43824ZM12 11.4375C10.2319 11.4375 9 13.6247 9 15.5874C9 17.5599 10.2337 18.9375 12 18.9375C13.7662 18.9375 15 17.5599 15 15.5874C15 13.6247 13.7681 11.4375 12 11.4375ZM12 12.9375C12.6611 12.9375 13.5 14.1849 13.5 15.5874C13.5 16.7109 12.9113 17.4375 12 17.4375C11.0887 17.4375 10.5 16.7109 10.5 15.5874C10.5 14.1849 11.3389 12.9375 12 12.9375Z"
+      fill={fill}
+    />
+  </svg>
+);

package/src/components/Icon/icons/Email.tsx

@@ -1,19 +1,20 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const Email = ({ fill = '#000', size = 24 }: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    fill="none"
-    viewBox="0 0 18 14"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink">
-    <title>Email</title>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M0.718587 2.52762C0.823606 2.04828 1.08177 1.62029 1.4508 1.31376C1.81982 1.00722 2.27784 0.840299 2.74984 0.840332H15.2498C15.7218 0.840299 16.1799 1.00722 16.5489 1.31376C16.9179 1.62029 17.1761 2.04828 17.2811 2.52762L8.99984 7.79997L0.718587 2.52762ZM0.666504 3.76676V11.4751L6.7113 7.61442L0.666504 3.76676ZM7.70921 8.25136L0.865462 12.6209C1.03455 12.9923 1.30143 13.3061 1.63503 13.5256C1.96863 13.7452 2.35523 13.8616 2.74984 13.8612H15.2498C15.6444 13.8613 16.0308 13.7446 16.3642 13.5249C16.6977 13.3051 16.9643 12.9913 17.1332 12.6198L10.2894 8.25027L8.99984 9.07167L7.70921 8.25027V8.25136ZM11.2884 7.61551L17.3332 11.4751V3.76676L11.2884 7.61442V7.61551Z"
-      fill={fill}
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const Email = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    fill="none"
+    viewBox="0 0 18 14"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>Email</title>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M0.718587 2.52762C0.823606 2.04828 1.08177 1.62029 1.4508 1.31376C1.81982 1.00722 2.27784 0.840299 2.74984 0.840332H15.2498C15.7218 0.840299 16.1799 1.00722 16.5489 1.31376C16.9179 1.62029 17.1761 2.04828 17.2811 2.52762L8.99984 7.79997L0.718587 2.52762ZM0.666504 3.76676V11.4751L6.7113 7.61442L0.666504 3.76676ZM7.70921 8.25136L0.865462 12.6209C1.03455 12.9923 1.30143 13.3061 1.63503 13.5256C1.96863 13.7452 2.35523 13.8616 2.74984 13.8612H15.2498C15.6444 13.8613 16.0308 13.7446 16.3642 13.5249C16.6977 13.3051 16.9643 12.9913 17.1332 12.6198L10.2894 8.25027L8.99984 9.07167L7.70921 8.25027V8.25136ZM11.2884 7.61551L17.3332 11.4751V3.76676L11.2884 7.61442V7.61551Z"
+      fill={fill}
+    />
+  </svg>
+);

package/src/components/Icon/icons/Filter.tsx

@@ -1,18 +1,19 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const Filter = ({ fill = '#000', size = 24 }: SVGProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={`${size}px`}
-    height={`${size}px`}
-    viewBox="0 0 21 20"
-    fill="none">
-    <title>Filter</title>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M15.0189 10.0002C16.8598 10.0002 18.3522 8.50775 18.3522 6.66683C18.3522 4.82588 16.8598 3.3335 15.0189 3.3335C13.4657 3.3335 12.1606 4.3958 11.7905 5.8335H2.51888C2.05865 5.8335 1.68555 6.2066 1.68555 6.66683C1.68555 7.12707 2.05865 7.50016 2.51888 7.50016H11.7905C12.1606 8.93783 13.4657 10.0002 15.0189 10.0002ZM13.3522 6.66683C13.3522 7.5873 14.0984 8.3335 15.0189 8.3335C15.9394 8.3335 16.6855 7.5873 16.6855 6.66683C16.6855 5.74635 15.9394 5.00016 15.0189 5.00016C14.0984 5.00016 13.3522 5.74635 13.3522 6.66683ZM1.68555 13.3335C1.68555 11.4926 3.17793 10.0002 5.01888 10.0002C6.57208 10.0002 7.87716 11.0625 8.2472 12.5002H17.5189C17.9791 12.5002 18.3522 12.8732 18.3522 13.3335C18.3522 13.7937 17.9791 14.1668 17.5189 14.1668H8.2472C7.87716 15.6045 6.57208 16.6668 5.01888 16.6668C3.17793 16.6668 1.68555 15.1744 1.68555 13.3335ZM6.68555 13.3335C6.68555 12.413 5.93936 11.6668 5.01888 11.6668C4.09841 11.6668 3.35221 12.413 3.35221 13.3335C3.35221 14.254 4.09841 15.0002 5.01888 15.0002C5.93936 15.0002 6.68555 14.254 6.68555 13.3335Z"
-      fill={fill}
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const Filter = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={`${size}px`}
+    height={`${size}px`}
+    viewBox="0 0 21 20"
+    fill="none"
+    {...props}>
+    <title>Filter</title>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M15.0189 10.0002C16.8598 10.0002 18.3522 8.50775 18.3522 6.66683C18.3522 4.82588 16.8598 3.3335 15.0189 3.3335C13.4657 3.3335 12.1606 4.3958 11.7905 5.8335H2.51888C2.05865 5.8335 1.68555 6.2066 1.68555 6.66683C1.68555 7.12707 2.05865 7.50016 2.51888 7.50016H11.7905C12.1606 8.93783 13.4657 10.0002 15.0189 10.0002ZM13.3522 6.66683C13.3522 7.5873 14.0984 8.3335 15.0189 8.3335C15.9394 8.3335 16.6855 7.5873 16.6855 6.66683C16.6855 5.74635 15.9394 5.00016 15.0189 5.00016C14.0984 5.00016 13.3522 5.74635 13.3522 6.66683ZM1.68555 13.3335C1.68555 11.4926 3.17793 10.0002 5.01888 10.0002C6.57208 10.0002 7.87716 11.0625 8.2472 12.5002H17.5189C17.9791 12.5002 18.3522 12.8732 18.3522 13.3335C18.3522 13.7937 17.9791 14.1668 17.5189 14.1668H8.2472C7.87716 15.6045 6.57208 16.6668 5.01888 16.6668C3.17793 16.6668 1.68555 15.1744 1.68555 13.3335ZM6.68555 13.3335C6.68555 12.413 5.93936 11.6668 5.01888 11.6668C4.09841 11.6668 3.35221 12.413 3.35221 13.3335C3.35221 14.254 4.09841 15.0002 5.01888 15.0002C5.93936 15.0002 6.68555 14.254 6.68555 13.3335Z"
+      fill={fill}
+    />
+  </svg>
+);

package/src/components/Icon/icons/Home.tsx

@@ -1,16 +1,17 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const Home = ({ fill = '#000', size = 24 }: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    viewBox="0 0 18 20"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink">
-    <title>Home</title>
-    <path
-      d="M8.97559 0.250119C8.81566 0.25558 8.66168 0.312041 8.53613 0.411252L1.42969 6.00988C0.527739 6.7207 0 7.80687 0 8.9552V18.5001C0 19.1819 0.568203 19.7501 1.25 19.7501H6.25C6.9318 19.7501 7.5 19.1819 7.5 18.5001V13.5001C7.5 13.3526 7.60248 13.2501 7.75 13.2501H10.25C10.3975 13.2501 10.5 13.3526 10.5 13.5001V18.5001C10.5 19.1819 11.0682 19.7501 11.75 19.7501H16.75C17.4318 19.7501 18 19.1819 18 18.5001V8.9552C18 7.80687 17.4723 6.7207 16.5703 6.00988L9.46387 0.411252C9.32518 0.301689 9.15225 0.244623 8.97559 0.250119ZM9 1.9552L15.6426 7.1886C16.1846 7.61578 16.5 8.26552 16.5 8.9552V18.2501H12V13.5001C12 12.5426 11.2075 11.7501 10.25 11.7501H7.75C6.79252 11.7501 6 12.5426 6 13.5001V18.2501H1.5V8.9552C1.5 8.26552 1.81537 7.61578 2.35742 7.1886L9 1.9552Z"
-      fill={fill}
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const Home = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    viewBox="0 0 18 20"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>Home</title>
+    <path
+      d="M8.97559 0.250119C8.81566 0.25558 8.66168 0.312041 8.53613 0.411252L1.42969 6.00988C0.527739 6.7207 0 7.80687 0 8.9552V18.5001C0 19.1819 0.568203 19.7501 1.25 19.7501H6.25C6.9318 19.7501 7.5 19.1819 7.5 18.5001V13.5001C7.5 13.3526 7.60248 13.2501 7.75 13.2501H10.25C10.3975 13.2501 10.5 13.3526 10.5 13.5001V18.5001C10.5 19.1819 11.0682 19.7501 11.75 19.7501H16.75C17.4318 19.7501 18 19.1819 18 18.5001V8.9552C18 7.80687 17.4723 6.7207 16.5703 6.00988L9.46387 0.411252C9.32518 0.301689 9.15225 0.244623 8.97559 0.250119ZM9 1.9552L15.6426 7.1886C16.1846 7.61578 16.5 8.26552 16.5 8.9552V18.2501H12V13.5001C12 12.5426 11.2075 11.7501 10.25 11.7501H7.75C6.79252 11.7501 6 12.5426 6 13.5001V18.2501H1.5V8.9552C1.5 8.26552 1.81537 7.61578 2.35742 7.1886L9 1.9552Z"
+      fill={fill}
+    />
+  </svg>
+);

package/src/components/Icon/icons/Information.tsx

@@ -1,24 +1,29 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const Information = ({ fill = '#000', size = 24 }: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    fill="none"
-    viewBox="0 0 20 20"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink">
-    <title>Information</title>
-    <path
-      d="M9.99998 17.8889C14.3651 17.8889 17.9365 14.3175 17.9365 9.95238C17.9365 5.5873 14.3651 2.01587 9.99998 2.01587C5.6349 2.01587 2.06348 5.5873 2.06348 9.95238C2.06348 14.3175 5.6349 17.8889 9.99998 17.8889Z"
-      stroke={fill}
-      strokeWidth="1.4"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M9.99573 7.77759C9.44344 7.77759 8.99573 7.32987 8.99573 6.77759C8.99573 6.2253 9.44344 5.77759 9.99573 5.77759H10.0029C10.5551 5.77759 11.0029 6.2253 11.0029 6.77759C11.0029 7.32987 10.5551 7.77759 10.0029 7.77759H9.99573ZM10.7 13.1268C10.7 13.5134 10.3866 13.8268 9.99999 13.8268C9.61339 13.8268 9.29999 13.5134 9.29999 13.1268V9.15854C9.29999 8.77194 9.61339 8.45854 9.99999 8.45854C10.3866 8.45854 10.7 8.77194 10.7 9.15854V13.1268Z"
-      fill={fill}
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const Information = ({
+  fill = '#000',
+  size = 24,
+  ...props
+}: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    fill="none"
+    viewBox="0 0 20 20"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>Information</title>
+    <path
+      d="M9.99998 17.8889C14.3651 17.8889 17.9365 14.3175 17.9365 9.95238C17.9365 5.5873 14.3651 2.01587 9.99998 2.01587C5.6349 2.01587 2.06348 5.5873 2.06348 9.95238C2.06348 14.3175 5.6349 17.8889 9.99998 17.8889Z"
+      stroke={fill}
+      strokeWidth="1.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M9.99573 7.77759C9.44344 7.77759 8.99573 7.32987 8.99573 6.77759C8.99573 6.2253 9.44344 5.77759 9.99573 5.77759H10.0029C10.5551 5.77759 11.0029 6.2253 11.0029 6.77759C11.0029 7.32987 10.5551 7.77759 10.0029 7.77759H9.99573ZM10.7 13.1268C10.7 13.5134 10.3866 13.8268 9.99999 13.8268C9.61339 13.8268 9.29999 13.5134 9.29999 13.1268V9.15854C9.29999 8.77194 9.61339 8.45854 9.99999 8.45854C10.3866 8.45854 10.7 8.77194 10.7 9.15854V13.1268Z"
+      fill={fill}
+    />
+  </svg>
+);

package/src/components/Icon/icons/Invisible.tsx

@@ -1,55 +1,56 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const Invisible = ({ fill = '#000', size = 24 }: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink">
-    <title>Invisible</title>
-    <path
-      d="M14.5299 9.46992L9.46992 14.5299C8.81992 13.8799 8.41992 12.9899 8.41992 11.9999C8.41992 10.0199 10.0199 8.41992 11.9999 8.41992C12.9899 8.41992 13.8799 8.81992 14.5299 9.46992Z"
-      stroke={fill}
-      strokeWidth="1.4"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M17.8198 5.76998C16.0698 4.44998 14.0698 3.72998 11.9998 3.72998C8.46984 3.72998 5.17984 5.80998 2.88984 9.40998C1.98984 10.82 1.98984 13.19 2.88984 14.6C3.67984 15.84 4.59984 16.91 5.59984 17.77"
-      stroke={fill}
-      strokeWidth="1.4"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M8.41992 19.5299C9.55992 20.0099 10.7699 20.2699 11.9999 20.2699C15.5299 20.2699 18.8199 18.1899 21.1099 14.5899C22.0099 13.1799 22.0099 10.8099 21.1099 9.39993C20.7799 8.87993 20.4199 8.38993 20.0499 7.92993"
-      stroke={fill}
-      strokeWidth="1.4"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M15.5099 12.7C15.2499 14.11 14.0999 15.26 12.6899 15.52"
-      stroke={fill}
-      strokeWidth="1.4"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M9.47 14.53L2 22"
-      stroke={fill}
-      strokeWidth="1.4"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M21.9998 2L14.5298 9.47"
-      stroke={fill}
-      strokeWidth="1.4"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const Invisible = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>Invisible</title>
+    <path
+      d="M14.5299 9.46992L9.46992 14.5299C8.81992 13.8799 8.41992 12.9899 8.41992 11.9999C8.41992 10.0199 10.0199 8.41992 11.9999 8.41992C12.9899 8.41992 13.8799 8.81992 14.5299 9.46992Z"
+      stroke={fill}
+      strokeWidth="1.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M17.8198 5.76998C16.0698 4.44998 14.0698 3.72998 11.9998 3.72998C8.46984 3.72998 5.17984 5.80998 2.88984 9.40998C1.98984 10.82 1.98984 13.19 2.88984 14.6C3.67984 15.84 4.59984 16.91 5.59984 17.77"
+      stroke={fill}
+      strokeWidth="1.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M8.41992 19.5299C9.55992 20.0099 10.7699 20.2699 11.9999 20.2699C15.5299 20.2699 18.8199 18.1899 21.1099 14.5899C22.0099 13.1799 22.0099 10.8099 21.1099 9.39993C20.7799 8.87993 20.4199 8.38993 20.0499 7.92993"
+      stroke={fill}
+      strokeWidth="1.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M15.5099 12.7C15.2499 14.11 14.0999 15.26 12.6899 15.52"
+      stroke={fill}
+      strokeWidth="1.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M9.47 14.53L2 22"
+      stroke={fill}
+      strokeWidth="1.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M21.9998 2L14.5298 9.47"
+      stroke={fill}
+      strokeWidth="1.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);

package/src/components/Icon/icons/Lock.tsx

@@ -1,17 +1,18 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const Lock = ({ fill = '#000', size = 24 }: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    fill="none"
-    viewBox="0 0 16 21"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink">
-    <title>Lock</title>
-    <path
-      d="M13.625 8.41602H13V5.91602C13 3.15852 10.7575 0.916016 8 0.916016C5.2425 0.916016 3 3.15852 3 5.91602V8.41602H2.375C1.34167 8.41602 0.5 9.25685 0.5 10.291V19.041C0.5 20.0752 1.34167 20.916 2.375 20.916H13.625C14.6583 20.916 15.5 20.0752 15.5 19.041V10.291C15.5 9.25685 14.6583 8.41602 13.625 8.41602ZM4.66667 5.91602C4.66667 4.07768 6.16167 2.58268 8 2.58268C9.83833 2.58268 11.3333 4.07768 11.3333 5.91602V8.41602H4.66667V5.91602ZM8.83333 14.851V16.7493C8.83333 17.2093 8.46083 17.5827 8 17.5827C7.53917 17.5827 7.16667 17.2093 7.16667 16.7493V14.851C6.67083 14.5618 6.33333 14.0302 6.33333 13.416C6.33333 12.4968 7.08083 11.7493 8 11.7493C8.91917 11.7493 9.66667 12.4968 9.66667 13.416C9.66667 14.0302 9.32917 14.5618 8.83333 14.851Z"
-      fill={fill}
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const Lock = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    fill="none"
+    viewBox="0 0 16 21"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>Lock</title>
+    <path
+      d="M13.625 8.41602H13V5.91602C13 3.15852 10.7575 0.916016 8 0.916016C5.2425 0.916016 3 3.15852 3 5.91602V8.41602H2.375C1.34167 8.41602 0.5 9.25685 0.5 10.291V19.041C0.5 20.0752 1.34167 20.916 2.375 20.916H13.625C14.6583 20.916 15.5 20.0752 15.5 19.041V10.291C15.5 9.25685 14.6583 8.41602 13.625 8.41602ZM4.66667 5.91602C4.66667 4.07768 6.16167 2.58268 8 2.58268C9.83833 2.58268 11.3333 4.07768 11.3333 5.91602V8.41602H4.66667V5.91602ZM8.83333 14.851V16.7493C8.83333 17.2093 8.46083 17.5827 8 17.5827C7.53917 17.5827 7.16667 17.2093 7.16667 16.7493V14.851C6.67083 14.5618 6.33333 14.0302 6.33333 13.416C6.33333 12.4968 7.08083 11.7493 8 11.7493C8.91917 11.7493 9.66667 12.4968 9.66667 13.416C9.66667 14.0302 9.32917 14.5618 8.83333 14.851Z"
+      fill={fill}
+    />
+  </svg>
+);

package/src/components/Icon/icons/LogIn.tsx

@@ -1,21 +1,22 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const LogIn = ({ fill = '#000', size = 24 }: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    fill="none"
-    viewBox="0 0 15 20"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink">
-    <title>Log in</title>
-    <path
-      d="M7.39504 9.17067C8.58623 9.17067 9.61771 8.74344 10.4605 7.90051C11.3033 7.05773 11.7305 6.02652 11.7305 4.8352C11.7305 3.64428 11.3033 2.61294 10.4604 1.76988C9.61743 0.92723 8.58609 0.5 7.39504 0.5C6.20371 0.5 5.17251 0.92723 4.32972 1.77002C3.48694 2.6128 3.05957 3.64414 3.05957 4.8352C3.05957 6.02652 3.48694 7.05786 4.32986 7.90065C5.17279 8.7433 6.20413 9.17067 7.39504 9.17067Z"
-      fill={fill}
-    />
-    <path
-      d="M14.9811 14.341C14.9568 13.9902 14.9076 13.6076 14.8352 13.2036C14.7622 12.7966 14.6681 12.4118 14.5555 12.0601C14.4392 11.6966 14.281 11.3376 14.0854 10.9936C13.8824 10.6365 13.644 10.3256 13.3765 10.0698C13.0968 9.80212 12.7543 9.58693 12.3582 9.42996C11.9635 9.27382 11.5261 9.19472 11.0583 9.19472C10.8745 9.19472 10.6968 9.27011 10.3536 9.49354C10.1424 9.63129 9.89537 9.79059 9.61961 9.96678C9.38382 10.117 9.06439 10.2578 8.66985 10.3852C8.28491 10.5098 7.89407 10.5729 7.50832 10.5729C7.12256 10.5729 6.73186 10.5098 6.34652 10.3852C5.95238 10.2579 5.63296 10.1172 5.39744 9.96692C5.12429 9.79237 4.8771 9.63307 4.66273 9.49341C4.31995 9.26997 4.14211 9.19458 3.95837 9.19458C3.49035 9.19458 3.0531 9.27382 2.65855 9.4301C2.26277 9.58679 1.92013 9.80199 1.64012 10.0699C1.37274 10.3259 1.1342 10.6367 0.931502 10.9936C0.736083 11.3376 0.57788 11.6964 0.461425 12.0602C0.348953 12.4119 0.254882 12.7966 0.181823 13.2036C0.109451 13.6071 0.0602874 13.9898 0.0359802 14.3414C0.0120849 14.6858 0 15.0433 0 15.4043C0 16.3439 0.29869 17.1046 0.887694 17.6656C1.46942 18.2191 2.23915 18.5 3.17518 18.5H11.8423C12.7783 18.5 13.5478 18.2193 14.1296 17.6656C14.7188 17.105 15.0175 16.3442 15.0175 15.4042C15.0173 15.0415 15.0051 14.6838 14.9811 14.341Z"
-      fill={fill}
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const LogIn = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    fill="none"
+    viewBox="0 0 15 20"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>Log in</title>
+    <path
+      d="M7.39504 9.17067C8.58623 9.17067 9.61771 8.74344 10.4605 7.90051C11.3033 7.05773 11.7305 6.02652 11.7305 4.8352C11.7305 3.64428 11.3033 2.61294 10.4604 1.76988C9.61743 0.92723 8.58609 0.5 7.39504 0.5C6.20371 0.5 5.17251 0.92723 4.32972 1.77002C3.48694 2.6128 3.05957 3.64414 3.05957 4.8352C3.05957 6.02652 3.48694 7.05786 4.32986 7.90065C5.17279 8.7433 6.20413 9.17067 7.39504 9.17067Z"
+      fill={fill}
+    />
+    <path
+      d="M14.9811 14.341C14.9568 13.9902 14.9076 13.6076 14.8352 13.2036C14.7622 12.7966 14.6681 12.4118 14.5555 12.0601C14.4392 11.6966 14.281 11.3376 14.0854 10.9936C13.8824 10.6365 13.644 10.3256 13.3765 10.0698C13.0968 9.80212 12.7543 9.58693 12.3582 9.42996C11.9635 9.27382 11.5261 9.19472 11.0583 9.19472C10.8745 9.19472 10.6968 9.27011 10.3536 9.49354C10.1424 9.63129 9.89537 9.79059 9.61961 9.96678C9.38382 10.117 9.06439 10.2578 8.66985 10.3852C8.28491 10.5098 7.89407 10.5729 7.50832 10.5729C7.12256 10.5729 6.73186 10.5098 6.34652 10.3852C5.95238 10.2579 5.63296 10.1172 5.39744 9.96692C5.12429 9.79237 4.8771 9.63307 4.66273 9.49341C4.31995 9.26997 4.14211 9.19458 3.95837 9.19458C3.49035 9.19458 3.0531 9.27382 2.65855 9.4301C2.26277 9.58679 1.92013 9.80199 1.64012 10.0699C1.37274 10.3259 1.1342 10.6367 0.931502 10.9936C0.736083 11.3376 0.57788 11.6964 0.461425 12.0602C0.348953 12.4119 0.254882 12.7966 0.181823 13.2036C0.109451 13.6071 0.0602874 13.9898 0.0359802 14.3414C0.0120849 14.6858 0 15.0433 0 15.4043C0 16.3439 0.29869 17.1046 0.887694 17.6656C1.46942 18.2191 2.23915 18.5 3.17518 18.5H11.8423C12.7783 18.5 13.5478 18.2193 14.1296 17.6656C14.7188 17.105 15.0175 16.3442 15.0175 15.4042C15.0173 15.0415 15.0051 14.6838 14.9811 14.341Z"
+      fill={fill}
+    />
+  </svg>
+);

package/src/components/Icon/icons/LogOut.tsx

@@ -1,21 +1,22 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const LogOut = ({ fill = '#000', size = 24 }: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    fill="none"
-    viewBox="0 0 16 15"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink">
-    <title>Log out</title>
-    <path
-      d="M7.9751 13.7292H2.36876C2.0249 13.7292 1.74585 13.4502 1.74585 13.1063V1.89369C1.74585 1.54983 2.02493 1.27078 2.36876 1.27078H7.9751C8.31957 1.27078 8.59801 0.992344 8.59801 0.647871C8.59801 0.303398 8.31957 0.0249023 7.9751 0.0249023H2.36876C1.33845 0.0249023 0.5 0.863379 0.5 1.89369V13.1063C0.5 14.1366 1.33845 14.9751 2.36876 14.9751H7.9751C8.31957 14.9751 8.59801 14.6966 8.59801 14.3522C8.59801 14.0077 8.31957 13.7292 7.9751 13.7292Z"
-      fill={fill}
-    />
-    <path
-      d="M15.3144 7.05653L11.527 3.31898C11.2828 3.07729 10.8879 3.08042 10.6462 3.32522C10.4045 3.57003 10.407 3.96434 10.6524 4.20604L13.359 6.87712H6.10631C5.76184 6.87712 5.4834 7.15556 5.4834 7.50003C5.4834 7.8445 5.76184 8.12297 6.10631 8.12297H13.359L10.6524 10.7941C10.407 11.0358 10.4051 11.4301 10.6462 11.6749C10.7683 11.7982 10.929 11.8605 11.0897 11.8605C11.2479 11.8605 11.4061 11.8007 11.527 11.6811L15.3144 7.94353C15.4327 7.82643 15.5 7.66693 15.5 7.5C15.5 7.33313 15.4333 7.17428 15.3144 7.05653Z"
-      fill={fill}
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const LogOut = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    fill="none"
+    viewBox="0 0 16 15"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>Log out</title>
+    <path
+      d="M7.9751 13.7292H2.36876C2.0249 13.7292 1.74585 13.4502 1.74585 13.1063V1.89369C1.74585 1.54983 2.02493 1.27078 2.36876 1.27078H7.9751C8.31957 1.27078 8.59801 0.992344 8.59801 0.647871C8.59801 0.303398 8.31957 0.0249023 7.9751 0.0249023H2.36876C1.33845 0.0249023 0.5 0.863379 0.5 1.89369V13.1063C0.5 14.1366 1.33845 14.9751 2.36876 14.9751H7.9751C8.31957 14.9751 8.59801 14.6966 8.59801 14.3522C8.59801 14.0077 8.31957 13.7292 7.9751 13.7292Z"
+      fill={fill}
+    />
+    <path
+      d="M15.3144 7.05653L11.527 3.31898C11.2828 3.07729 10.8879 3.08042 10.6462 3.32522C10.4045 3.57003 10.407 3.96434 10.6524 4.20604L13.359 6.87712H6.10631C5.76184 6.87712 5.4834 7.15556 5.4834 7.50003C5.4834 7.8445 5.76184 8.12297 6.10631 8.12297H13.359L10.6524 10.7941C10.407 11.0358 10.4051 11.4301 10.6462 11.6749C10.7683 11.7982 10.929 11.8605 11.0897 11.8605C11.2479 11.8605 11.4061 11.8007 11.527 11.6811L15.3144 7.94353C15.4327 7.82643 15.5 7.66693 15.5 7.5C15.5 7.33313 15.4333 7.17428 15.3144 7.05653Z"
+      fill={fill}
+    />
+  </svg>
+);

package/src/components/Icon/icons/Measurements.tsx

@@ -1,18 +1,23 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const Measurements = ({ fill = '#000', size = 24 }: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink">
-    <title>Measurements</title>
-    <path
-      d="M8.8254 2C5 2 2 3.60317 2 5.65079V13.5873C2 15.2222 3.95238 16.6349 6.84127 17.0794H6.92064C7.15873 17.0794 7.34921 16.9048 7.39683 16.6825C7.44444 16.4286 7.25397 16.1745 7 16.1428C4.65079 15.7777 2.95238 14.6984 2.95238 13.5873V7.53974C4.12698 8.60324 6.30159 9.30159 8.8254 9.30159H19.1429C20.1905 9.30159 21.0476 10.1587 21.0476 11.2063C21.0476 12.254 20.1905 13.1111 19.1429 13.1111H10.4127C9.26984 13.1111 8.34921 14.0317 8.34921 15.1746V19.9365C8.34921 21.0794 9.26984 22 10.4127 22H19.1429C20.7143 22 22 20.7143 22 19.1429V11.2063C22 9.63492 20.7143 8.34921 19.1429 8.34921H8.8254C5.31746 8.34921 2.95238 6.95238 2.95238 5.65079C2.95238 4.34921 5.31746 2.95238 8.8254 2.95238C12.3333 2.95238 14.6984 4.34921 14.6984 5.65079V6.92064C14.6984 7.19048 14.9048 7.39683 15.1746 7.39683C15.4444 7.39683 15.6508 7.19048 15.6508 6.92064V5.65079C15.6508 3.60317 12.6508 2 8.8254 2ZM8.8254 4.85714C8.40442 4.85714 8.00068 4.94076 7.70301 5.0896C7.40533 5.23844 7.2381 5.4403 7.2381 5.65079C7.2381 5.86128 7.40533 6.06315 7.70301 6.21199C8.00068 6.36083 8.40442 6.44444 8.8254 6.44444C9.24638 6.44444 9.65011 6.36083 9.94779 6.21199C10.2455 6.06315 10.4127 5.86128 10.4127 5.65079C10.4127 5.4403 10.2455 5.23844 9.94779 5.0896C9.65011 4.94076 9.24638 4.85714 8.8254 4.85714ZM21.0476 13.3334V19.1429C21.0476 20.1905 20.1905 21.0476 19.1429 21.0476H10.4127C9.79365 21.0476 9.30159 20.5556 9.30159 19.9365V15.1746C9.30159 14.5556 9.79365 14.0635 10.4127 14.0635H13.1111V15.9683C13.1111 16.2381 13.3175 16.4444 13.5873 16.4444C13.8571 16.4444 14.0635 16.2381 14.0635 15.9683V14.0635H17.873V15.9683C17.873 16.2381 18.0794 16.4444 18.3492 16.4444C18.619 16.4444 18.8254 16.2381 18.8254 15.9683V14.0635H19.1429C19.873 14.0635 20.5397 13.7937 21.0476 13.3334Z"
-      fill={fill}
-      stroke={fill}
-      strokeWidth="0.4"
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const Measurements = ({
+  fill = '#000',
+  size = 24,
+  ...props
+}: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>Measurements</title>
+    <path
+      d="M8.8254 2C5 2 2 3.60317 2 5.65079V13.5873C2 15.2222 3.95238 16.6349 6.84127 17.0794H6.92064C7.15873 17.0794 7.34921 16.9048 7.39683 16.6825C7.44444 16.4286 7.25397 16.1745 7 16.1428C4.65079 15.7777 2.95238 14.6984 2.95238 13.5873V7.53974C4.12698 8.60324 6.30159 9.30159 8.8254 9.30159H19.1429C20.1905 9.30159 21.0476 10.1587 21.0476 11.2063C21.0476 12.254 20.1905 13.1111 19.1429 13.1111H10.4127C9.26984 13.1111 8.34921 14.0317 8.34921 15.1746V19.9365C8.34921 21.0794 9.26984 22 10.4127 22H19.1429C20.7143 22 22 20.7143 22 19.1429V11.2063C22 9.63492 20.7143 8.34921 19.1429 8.34921H8.8254C5.31746 8.34921 2.95238 6.95238 2.95238 5.65079C2.95238 4.34921 5.31746 2.95238 8.8254 2.95238C12.3333 2.95238 14.6984 4.34921 14.6984 5.65079V6.92064C14.6984 7.19048 14.9048 7.39683 15.1746 7.39683C15.4444 7.39683 15.6508 7.19048 15.6508 6.92064V5.65079C15.6508 3.60317 12.6508 2 8.8254 2ZM8.8254 4.85714C8.40442 4.85714 8.00068 4.94076 7.70301 5.0896C7.40533 5.23844 7.2381 5.4403 7.2381 5.65079C7.2381 5.86128 7.40533 6.06315 7.70301 6.21199C8.00068 6.36083 8.40442 6.44444 8.8254 6.44444C9.24638 6.44444 9.65011 6.36083 9.94779 6.21199C10.2455 6.06315 10.4127 5.86128 10.4127 5.65079C10.4127 5.4403 10.2455 5.23844 9.94779 5.0896C9.65011 4.94076 9.24638 4.85714 8.8254 4.85714ZM21.0476 13.3334V19.1429C21.0476 20.1905 20.1905 21.0476 19.1429 21.0476H10.4127C9.79365 21.0476 9.30159 20.5556 9.30159 19.9365V15.1746C9.30159 14.5556 9.79365 14.0635 10.4127 14.0635H13.1111V15.9683C13.1111 16.2381 13.3175 16.4444 13.5873 16.4444C13.8571 16.4444 14.0635 16.2381 14.0635 15.9683V14.0635H17.873V15.9683C17.873 16.2381 18.0794 16.4444 18.3492 16.4444C18.619 16.4444 18.8254 16.2381 18.8254 15.9683V14.0635H19.1429C19.873 14.0635 20.5397 13.7937 21.0476 13.3334Z"
+      fill={fill}
+      stroke={fill}
+      strokeWidth="0.4"
+    />
+  </svg>
+);