mainstack-design-system 0.0.0

package/src/icons/AlarmIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const AlarmIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8719"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8719)">
+        <path
+          d="M12 21C10.8834 21 9.84172 20.7917 8.87505 20.375C7.90838 19.9583 7.06272 19.3877 6.33805 18.663C5.61272 17.9377 5.04172 17.0917 4.62505 16.125C4.20838 15.1583 4.00005 14.1167 4.00005 13C4.00005 11.8833 4.20838 10.8417 4.62505 9.87499C5.04172 8.90832 5.61272 8.06232 6.33805 7.33699C7.06272 6.61232 7.90838 6.04165 8.87505 5.62499C9.84172 5.20832 10.8834 4.99999 12 4.99999C13.1167 4.99999 14.1584 5.20832 15.125 5.62499C16.0917 6.04165 16.9377 6.61232 17.663 7.33699C18.3877 8.06232 18.9584 8.90832 19.375 9.87499C19.7917 10.8417 20 11.8833 20 13C20 14.1167 19.7917 15.1583 19.375 16.125C18.9584 17.0917 18.3877 17.9377 17.663 18.663C16.9377 19.3877 16.0917 19.9583 15.125 20.375C14.1584 20.7917 13.1167 21 12 21ZM15.15 16.85L15.85 16.15L12.5 12.8V7.99999H11.5V13.2L15.15 16.85ZM5.90005 3.42499L6.62505 4.12499L3.12505 7.62499L2.42505 6.89999L5.90005 3.42499ZM18.1 3.42499L21.5751 6.89999L20.875 7.62499L17.375 4.12499L18.1 3.42499ZM12 20C13.9334 20 15.5834 19.3167 16.95 17.95C18.3167 16.5833 19 14.9333 19 13C19 11.0667 18.3167 9.41665 16.95 8.04999C15.5834 6.68332 13.9334 5.99999 12 5.99999C10.0667 5.99999 8.41672 6.68332 7.05005 8.04999C5.68338 9.41665 5.00005 11.0667 5.00005 13C5.00005 14.9333 5.68338 16.5833 7.05005 17.95C8.41672 19.3167 10.0667 20 12 20Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default AlarmIcon;

package/src/icons/AllInboxIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const AllInboxIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_9088"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_9088)">
+        <path
+          d="M8.11538 16H18.8846C19.0385 16 19.1795 15.9359 19.3077 15.8077C19.4359 15.6795 19.5 15.5385 19.5 15.3846V12.6154H16.5269C16.3051 13.2449 15.9147 13.7356 15.3558 14.0875C14.7968 14.4394 14.1782 14.6154 13.5 14.6154C12.8257 14.6154 12.209 14.4394 11.65 14.0875C11.091 13.7356 10.6987 13.2449 10.4731 12.6154H7.5V15.3846C7.5 15.5385 7.5641 15.6795 7.6923 15.8077C7.82052 15.9359 7.96154 16 8.11538 16ZM13.5 13.6154C13.9769 13.6154 14.4131 13.4974 14.8087 13.2615C15.2042 13.0256 15.466 12.6859 15.5942 12.2423C15.6314 12.0603 15.7224 11.9103 15.8673 11.7923C16.0122 11.6743 16.1821 11.6154 16.3769 11.6154H19.5V4.61537C19.5 4.46154 19.4359 4.32052 19.3077 4.1923C19.1795 4.0641 19.0385 4 18.8846 4H8.11538C7.96154 4 7.82052 4.0641 7.6923 4.1923C7.5641 4.32052 7.5 4.46154 7.5 4.61537V11.6154H10.6231C10.818 11.6154 10.9878 11.6702 11.1327 11.7798C11.2776 11.8894 11.3686 12.0353 11.4058 12.2173C11.5276 12.6686 11.7859 13.0144 12.1808 13.2548C12.5756 13.4952 13.0154 13.6154 13.5 13.6154ZM8.11538 17C7.65513 17 7.27083 16.8458 6.9625 16.5375C6.65417 16.2292 6.5 15.8449 6.5 15.3846V4.61537C6.5 4.15512 6.65417 3.77083 6.9625 3.4625C7.27083 3.15417 7.65513 3 8.11538 3H18.8846C19.3449 3 19.7292 3.15417 20.0375 3.4625C20.3458 3.77083 20.5 4.15512 20.5 4.61537V15.3846C20.5 15.8449 20.3458 16.2292 20.0375 16.5375C19.7292 16.8458 19.3449 17 18.8846 17H8.11538ZM5.11538 20C4.65513 20 4.27083 19.8458 3.9625 19.5375C3.65417 19.2292 3.5 18.8449 3.5 18.3846V7.11538C3.5 6.97308 3.54775 6.85417 3.64325 6.75865C3.73877 6.66313 3.85768 6.61537 4 6.61537C4.1423 6.61537 4.26121 6.66313 4.35672 6.75865C4.45224 6.85417 4.5 6.97308 4.5 7.11538V18.3846C4.5 18.5385 4.5641 18.6795 4.6923 18.8077C4.8205 18.9359 4.96153 19 5.11538 19H16.3846C16.5269 19 16.6458 19.0478 16.7414 19.1433C16.8369 19.2388 16.8846 19.3577 16.8846 19.5C16.8846 19.6423 16.8369 19.7612 16.7414 19.8568C16.6458 19.9523 16.5269 20 16.3846 20H5.11538ZM8.11538 16H7.5H19.5H8.11538Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default AllInboxIcon;

package/src/icons/AnimationIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const AnimationIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_9167"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_9167)">
+        <path
+          d="M8.99998 21.5C8.09741 21.5 7.25318 21.3294 6.4673 20.9884C5.6814 20.6474 4.99423 20.1826 4.40578 19.5942C3.81731 19.0057 3.35257 18.3186 3.01155 17.5327C2.67052 16.7468 2.5 15.9025 2.5 15C2.5 13.7333 2.83238 12.5721 3.49713 11.5163C4.16186 10.4606 5.05127 9.66668 6.16537 9.13463C6.48589 8.46539 6.89519 7.88173 7.39328 7.38365C7.89134 6.88558 8.47179 6.47949 9.13462 6.16538C9.64616 5.06411 10.4285 4.1779 11.4817 3.50675C12.5349 2.83558 13.7077 2.5 15 2.5C15.9025 2.5 16.7468 2.67052 17.5327 3.01155C18.3186 3.35257 19.0057 3.81731 19.5942 4.40578C20.1826 4.99423 20.6474 5.6814 20.9884 6.4673C21.3294 7.25318 21.5 8.09741 21.5 8.99998C21.5 10.3269 21.1692 11.5 20.5076 12.5192C19.8461 13.5384 18.9551 14.3205 17.8346 14.8653C17.5141 15.5346 17.1064 16.1166 16.6115 16.6115C16.1166 17.1064 15.5346 17.5141 14.8653 17.8346C14.3333 18.9358 13.5458 19.8221 12.5029 20.4932C11.4599 21.1644 10.2923 21.5 8.99998 21.5ZM9.0192 20C9.66537 20 10.3019 19.8686 10.9289 19.6057C11.5558 19.3429 12.0859 18.9551 12.5193 18.4423C11.5269 18.532 10.5914 18.4048 9.7125 18.0605C8.83365 17.7163 8.07115 17.2243 7.425 16.5846C6.77885 15.9384 6.28366 15.1775 5.93943 14.3019C5.59519 13.4262 5.46795 12.4923 5.5577 11.5C5.05128 11.9397 4.66506 12.4682 4.39903 13.0855C4.13299 13.7028 3.99998 14.341 3.99998 15C3.99998 15.7 4.13331 16.3516 4.39998 16.9548C4.66664 17.558 5.02498 18.0846 5.47498 18.5346C5.93139 18.9846 6.4612 19.3413 7.0644 19.6048C7.6676 19.8682 8.3192 20 9.0192 20ZM12 17C12.7551 17 13.4369 16.8493 14.0452 16.548C14.6535 16.2467 15.1551 15.8782 15.55 15.4423C14.5475 15.532 13.6068 15.4022 12.7279 15.0528C11.8491 14.7035 11.0865 14.2089 10.4404 13.5692C9.79423 12.923 9.29647 12.1621 8.94712 11.2865C8.59776 10.4108 8.46795 9.47174 8.5577 8.46918C8.10257 8.88328 7.73237 9.3961 7.4471 10.0077C7.16183 10.6192 7.0192 11.2833 7.0192 12C7.0192 12.7 7.14837 13.35 7.4067 13.95C7.66503 14.55 8.02433 15.075 8.4846 15.525C8.9346 15.9916 9.45799 16.3541 10.0548 16.6125C10.6516 16.8708 11.3 17 12 17ZM15.0192 14C15.3192 14 15.6067 13.975 15.8817 13.925C16.1567 13.875 16.4359 13.8 16.7192 13.7C17.0859 12.7 17.14 11.7375 16.8817 10.8125C16.6234 9.88748 16.1775 9.10831 15.5442 8.47498C14.9109 7.84164 14.1317 7.39581 13.2067 7.13748C12.2817 6.87914 11.3192 6.93331 10.3192 7.29998C10.2192 7.58331 10.1442 7.86248 10.0942 8.13748C10.0442 8.41248 10.0192 8.69998 10.0192 8.99998C10.0192 9.69998 10.1484 10.35 10.4067 10.95C10.665 11.55 11.0275 12.075 11.4942 12.525C11.9442 12.9916 12.4692 13.3541 13.0692 13.6125C13.6692 13.8708 14.3192 14 15.0192 14ZM18.4615 12.5308C18.9487 12.0974 19.3269 11.5862 19.5961 10.9971C19.8654 10.408 20 9.74229 20 8.99998C20 8.29998 19.8708 7.64998 19.6125 7.04998C19.3541 6.44998 18.9916 5.92498 18.525 5.47498C18.075 5.00831 17.55 4.64581 16.95 4.38748C16.35 4.12914 15.7 3.99998 15 3.99998C14.282 3.99998 13.6272 4.1362 13.0355 4.40865C12.4439 4.68108 11.9217 5.0641 11.4692 5.5577C12.4717 5.46795 13.4125 5.59776 14.2913 5.94713C15.1702 6.29648 15.9327 6.79103 16.5788 7.43078C17.225 8.07693 17.7227 8.83783 18.0721 9.71348C18.4214 10.5891 18.5512 11.5282 18.4615 12.5308Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default AnimationIcon;

package/src/icons/AppsFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const AppsFilledIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8999"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_8999)">
+        <path
+          d="M5.99999 19.6153C5.55578 19.6153 5.17549 19.4572 4.85914 19.1408C4.54281 18.8245 4.38464 18.4442 4.38464 18C4.38464 17.5558 4.54281 17.1755 4.85914 16.8591C5.17549 16.5428 5.55578 16.3846 5.99999 16.3846C6.44421 16.3846 6.82449 16.5428 7.14084 16.8591C7.45718 17.1755 7.61534 17.5558 7.61534 18C7.61534 18.4442 7.45718 18.8245 7.14084 19.1408C6.82449 19.4572 6.44421 19.6153 5.99999 19.6153ZM12 19.6153C11.5558 19.6153 11.1755 19.4572 10.8591 19.1408C10.5428 18.8245 10.3846 18.4442 10.3846 18C10.3846 17.5558 10.5428 17.1755 10.8591 16.8591C11.1755 16.5428 11.5558 16.3846 12 16.3846C12.4442 16.3846 12.8245 16.5428 13.1408 16.8591C13.4572 17.1755 13.6153 17.5558 13.6153 18C13.6153 18.4442 13.4572 18.8245 13.1408 19.1408C12.8245 19.4572 12.4442 19.6153 12 19.6153ZM18 19.6153C17.5558 19.6153 17.1755 19.4572 16.8591 19.1408C16.5428 18.8245 16.3846 18.4442 16.3846 18C16.3846 17.5558 16.5428 17.1755 16.8591 16.8591C17.1755 16.5428 17.5558 16.3846 18 16.3846C18.4442 16.3846 18.8245 16.5428 19.1408 16.8591C19.4572 17.1755 19.6153 17.5558 19.6153 18C19.6153 18.4442 19.4572 18.8245 19.1408 19.1408C18.8245 19.4572 18.4442 19.6153 18 19.6153ZM5.99999 13.6153C5.55578 13.6153 5.17549 13.4572 4.85914 13.1408C4.54281 12.8245 4.38464 12.4442 4.38464 12C4.38464 11.5558 4.54281 11.1755 4.85914 10.8591C5.17549 10.5428 5.55578 10.3846 5.99999 10.3846C6.44421 10.3846 6.82449 10.5428 7.14084 10.8591C7.45718 11.1755 7.61534 11.5558 7.61534 12C7.61534 12.4442 7.45718 12.8245 7.14084 13.1408C6.82449 13.4572 6.44421 13.6153 5.99999 13.6153ZM12 13.6153C11.5558 13.6153 11.1755 13.4572 10.8591 13.1408C10.5428 12.8245 10.3846 12.4442 10.3846 12C10.3846 11.5558 10.5428 11.1755 10.8591 10.8591C11.1755 10.5428 11.5558 10.3846 12 10.3846C12.4442 10.3846 12.8245 10.5428 13.1408 10.8591C13.4572 11.1755 13.6153 11.5558 13.6153 12C13.6153 12.4442 13.4572 12.8245 13.1408 13.1408C12.8245 13.4572 12.4442 13.6153 12 13.6153ZM18 13.6153C17.5558 13.6153 17.1755 13.4572 16.8591 13.1408C16.5428 12.8245 16.3846 12.4442 16.3846 12C16.3846 11.5558 16.5428 11.1755 16.8591 10.8591C17.1755 10.5428 17.5558 10.3846 18 10.3846C18.4442 10.3846 18.8245 10.5428 19.1408 10.8591C19.4572 11.1755 19.6153 11.5558 19.6153 12C19.6153 12.4442 19.4572 12.8245 19.1408 13.1408C18.8245 13.4572 18.4442 13.6153 18 13.6153ZM5.99999 7.61534C5.55578 7.61534 5.17549 7.45718 4.85914 7.14084C4.54281 6.82449 4.38464 6.44421 4.38464 5.99999C4.38464 5.55578 4.54281 5.17549 4.85914 4.85914C5.17549 4.54281 5.55578 4.38464 5.99999 4.38464C6.44421 4.38464 6.82449 4.54281 7.14084 4.85914C7.45718 5.17549 7.61534 5.55578 7.61534 5.99999C7.61534 6.44421 7.45718 6.82449 7.14084 7.14084C6.82449 7.45718 6.44421 7.61534 5.99999 7.61534ZM12 7.61534C11.5558 7.61534 11.1755 7.45718 10.8591 7.14084C10.5428 6.82449 10.3846 6.44421 10.3846 5.99999C10.3846 5.55578 10.5428 5.17549 10.8591 4.85914C11.1755 4.54281 11.5558 4.38464 12 4.38464C12.4442 4.38464 12.8245 4.54281 13.1408 4.85914C13.4572 5.17549 13.6153 5.55578 13.6153 5.99999C13.6153 6.44421 13.4572 6.82449 13.1408 7.14084C12.8245 7.45718 12.4442 7.61534 12 7.61534ZM18 7.61534C17.5558 7.61534 17.1755 7.45718 16.8591 7.14084C16.5428 6.82449 16.3846 6.44421 16.3846 5.99999C16.3846 5.55578 16.5428 5.17549 16.8591 4.85914C17.1755 4.54281 17.5558 4.38464 18 4.38464C18.4442 4.38464 18.8245 4.54281 19.1408 4.85914C19.4572 5.17549 19.6153 5.55578 19.6153 5.99999C19.6153 6.44421 19.4572 6.82449 19.1408 7.14084C18.8245 7.45718 18.4442 7.61534 18 7.61534Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default AppsFilledIcon;

package/src/icons/AppsIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const AppsIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8728"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8728)">
+        <path
+          d="M5.9999 7.22502C5.66657 7.22502 5.37924 7.10402 5.1379 6.86202C4.8959 6.62069 4.7749 6.33336 4.7749 6.00002C4.7749 5.66669 4.8959 5.37902 5.1379 5.13702C5.37924 4.89569 5.66657 4.77502 5.9999 4.77502C6.33324 4.77502 6.6209 4.89569 6.8629 5.13702C7.10424 5.37902 7.2249 5.66669 7.2249 6.00002C7.2249 6.33336 7.10424 6.62069 6.8629 6.86202C6.6209 7.10402 6.33324 7.22502 5.9999 7.22502ZM11.9999 19.225C11.6666 19.225 11.3789 19.1044 11.1369 18.863C10.8956 18.621 10.7749 18.3334 10.7749 18C10.7749 17.6667 10.8956 17.379 11.1369 17.137C11.3789 16.8957 11.6666 16.775 11.9999 16.775C12.3332 16.775 12.6209 16.8957 12.8629 17.137C13.1042 17.379 13.2249 17.6667 13.2249 18C13.2249 18.3334 13.1042 18.621 12.8629 18.863C12.6209 19.1044 12.3332 19.225 11.9999 19.225ZM5.9999 19.225C5.66657 19.225 5.37924 19.1044 5.1379 18.863C4.8959 18.621 4.7749 18.3334 4.7749 18C4.7749 17.6667 4.8959 17.379 5.1379 17.137C5.37924 16.8957 5.66657 16.775 5.9999 16.775C6.33324 16.775 6.6209 16.8957 6.8629 17.137C7.10424 17.379 7.2249 17.6667 7.2249 18C7.2249 18.3334 7.10424 18.621 6.8629 18.863C6.6209 19.1044 6.33324 19.225 5.9999 19.225ZM5.9999 13.225C5.66657 13.225 5.37924 13.1044 5.1379 12.863C4.8959 12.621 4.7749 12.3334 4.7749 12C4.7749 11.6667 4.8959 11.379 5.1379 11.137C5.37924 10.8957 5.66657 10.775 5.9999 10.775C6.33324 10.775 6.6209 10.8957 6.8629 11.137C7.10424 11.379 7.2249 11.6667 7.2249 12C7.2249 12.3334 7.10424 12.621 6.8629 12.863C6.6209 13.1044 6.33324 13.225 5.9999 13.225ZM11.9999 13.225C11.6666 13.225 11.3789 13.1044 11.1369 12.863C10.8956 12.621 10.7749 12.3334 10.7749 12C10.7749 11.6667 10.8956 11.379 11.1369 11.137C11.3789 10.8957 11.6666 10.775 11.9999 10.775C12.3332 10.775 12.6209 10.8957 12.8629 11.137C13.1042 11.379 13.2249 11.6667 13.2249 12C13.2249 12.3334 13.1042 12.621 12.8629 12.863C12.6209 13.1044 12.3332 13.225 11.9999 13.225ZM17.9999 7.22502C17.6666 7.22502 17.3792 7.10402 17.1379 6.86202C16.8959 6.62069 16.7749 6.33336 16.7749 6.00002C16.7749 5.66669 16.8959 5.37902 17.1379 5.13702C17.3792 4.89569 17.6666 4.77502 17.9999 4.77502C18.3332 4.77502 18.6209 4.89569 18.8629 5.13702C19.1042 5.37902 19.2249 5.66669 19.2249 6.00002C19.2249 6.33336 19.1042 6.62069 18.8629 6.86202C18.6209 7.10402 18.3332 7.22502 17.9999 7.22502ZM11.9999 7.22502C11.6666 7.22502 11.3789 7.10402 11.1369 6.86202C10.8956 6.62069 10.7749 6.33336 10.7749 6.00002C10.7749 5.66669 10.8956 5.37902 11.1369 5.13702C11.3789 4.89569 11.6666 4.77502 11.9999 4.77502C12.3332 4.77502 12.6209 4.89569 12.8629 5.13702C13.1042 5.37902 13.2249 5.66669 13.2249 6.00002C13.2249 6.33336 13.1042 6.62069 12.8629 6.86202C12.6209 7.10402 12.3332 7.22502 11.9999 7.22502ZM17.9999 13.225C17.6666 13.225 17.3792 13.1044 17.1379 12.863C16.8959 12.621 16.7749 12.3334 16.7749 12C16.7749 11.6667 16.8959 11.379 17.1379 11.137C17.3792 10.8957 17.6666 10.775 17.9999 10.775C18.3332 10.775 18.6209 10.8957 18.8629 11.137C19.1042 11.379 19.2249 11.6667 19.2249 12C19.2249 12.3334 19.1042 12.621 18.8629 12.863C18.6209 13.1044 18.3332 13.225 17.9999 13.225ZM17.9999 19.225C17.6666 19.225 17.3792 19.1044 17.1379 18.863C16.8959 18.621 16.7749 18.3334 16.7749 18C16.7749 17.6667 16.8959 17.379 17.1379 17.137C17.3792 16.8957 17.6666 16.775 17.9999 16.775C18.3332 16.775 18.6209 16.8957 18.8629 17.137C19.1042 17.379 19.2249 17.6667 19.2249 18C19.2249 18.3334 19.1042 18.621 18.8629 18.863C18.6209 19.1044 18.3332 19.225 17.9999 19.225Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default AppsIcon;

package/src/icons/ArchiveIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ArchiveIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8371"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8371)">
+        <path
+          d="M5.625 20C5.15833 20 4.771 19.846 4.463 19.538C4.15433 19.2293 4 18.8417 4 18.375V7.65C4 7.48333 4.02067 7.329 4.062 7.187C4.104 7.04567 4.16667 6.91667 4.25 6.8L5.5 5.325C5.61667 5.20833 5.75 5.125 5.9 5.075C6.05 5.025 6.20833 5 6.375 5H17.625C17.7917 5 17.95 5.01667 18.1 5.05C18.25 5.08333 18.3833 5.175 18.5 5.325L19.7 6.8C19.8167 6.91667 19.896 7.04567 19.938 7.187C19.9793 7.329 20 7.48333 20 7.65V18.375C20 18.8417 19.846 19.2293 19.538 19.538C19.2293 19.846 18.8417 20 18.375 20H5.625ZM5.4 7H18.6L17.75 6H6.25L5.4 7ZM5.625 19H18.375C18.5417 19 18.6873 18.9373 18.812 18.812C18.9373 18.6873 19 18.5417 19 18.375V8H5V18.375C5 18.5417 5.06267 18.6873 5.188 18.812C5.31267 18.9373 5.45833 19 5.625 19ZM12 17.2L15.3 13.875L14.6 13.175L12.5 15.275V10.575H11.5V15.275L9.4 13.175L8.7 13.875L12 17.2Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ArchiveIcon;

package/src/icons/ArrowBackIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ArrowBackIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8356"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8356)">
+        <path
+          d="M12 19.225L4.77502 12L12 4.77502L12.725 5.47502L6.70002 11.5H19.225V12.5H6.70002L12.725 18.525L12 19.225Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ArrowBackIcon;

package/src/icons/ArrowCircleDownFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ArroeCircleDownFilledIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_9137"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_9137)">
+        <path
+          d="M11.25 12.8539L9.91727 11.5212C9.77881 11.3827 9.60638 11.3135 9.39998 11.3135C9.19358 11.3135 9.02114 11.3827 8.88268 11.5212C8.74423 11.6596 8.675 11.8342 8.675 12.0449C8.675 12.2555 8.74423 12.429 8.88268 12.5654L11.3769 15.0596C11.5577 15.2403 11.7686 15.3307 12.0096 15.3307C12.2506 15.3307 12.4615 15.2403 12.6423 15.0596L15.1365 12.5654C15.275 12.429 15.3442 12.2555 15.3442 12.0449C15.3442 11.8342 15.275 11.6596 15.1365 11.5212C14.9981 11.3827 14.8235 11.3135 14.6128 11.3135C14.4021 11.3135 14.2286 11.3827 14.0923 11.5212L12.7596 12.8539V9.04805C12.7596 8.83557 12.6877 8.65745 12.5439 8.5137C12.4001 8.36995 12.2219 8.29808 12.0093 8.29808C11.7967 8.29808 11.617 8.36995 11.4702 8.5137C11.3234 8.65745 11.25 8.83557 11.25 9.04805V12.8539ZM12.0016 21.5C10.6877 21.5 9.45268 21.2506 8.29655 20.752C7.1404 20.2533 6.13472 19.5765 5.2795 18.7217C4.42427 17.8669 3.74721 16.8616 3.24833 15.706C2.74944 14.5504 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45268 3.248 8.29655C3.74667 7.1404 4.42342 6.13472 5.27825 5.2795C6.1331 4.42427 7.13834 3.74721 8.29398 3.24833C9.44959 2.74944 10.6844 2.5 11.9983 2.5C13.3122 2.5 14.5473 2.74933 15.7034 3.248C16.8596 3.74667 17.8652 4.42342 18.7205 5.27825C19.5757 6.1331 20.2527 7.13834 20.7516 8.29398C21.2505 9.44959 21.5 10.6844 21.5 11.9983C21.5 13.3122 21.2506 14.5473 20.752 15.7034C20.2533 16.8596 19.5765 17.8652 18.7217 18.7205C17.8669 19.5757 16.8616 20.2527 15.706 20.7516C14.5504 21.2505 13.3156 21.5 12.0016 21.5Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ArroeCircleDownFilledIcon;

package/src/icons/ArrowCircleUpFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ArrowCircleUpFilledIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_9134"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_9134)">
+        <path
+          d="M11.25 11.1365V14.9423C11.25 15.1548 11.3219 15.3329 11.4657 15.4767C11.6095 15.6204 11.7877 15.6922 12.0003 15.6922C12.2129 15.6922 12.3926 15.6195 12.5394 15.4739C12.6862 15.3283 12.7596 15.1479 12.7596 14.9327V11.1365L14.0923 12.4692C14.2308 12.6076 14.4048 12.6753 14.6144 12.6721C14.824 12.6689 14.9981 12.598 15.1365 12.4596C15.275 12.3211 15.3442 12.1465 15.3442 11.9359C15.3442 11.7252 15.275 11.5517 15.1365 11.4154L12.6423 8.93075C12.4615 8.74998 12.2506 8.6596 12.0096 8.6596C11.7686 8.6596 11.5577 8.74998 11.3769 8.93075L8.88268 11.425C8.74423 11.5634 8.675 11.7359 8.675 11.9423C8.675 12.1487 8.74423 12.3211 8.88268 12.4596C9.02114 12.598 9.19571 12.6673 9.40638 12.6673C9.61706 12.6673 9.79056 12.598 9.92688 12.4596L11.25 11.1365ZM12.0016 21.5C10.6877 21.5 9.45268 21.2506 8.29655 20.752C7.1404 20.2533 6.13472 19.5765 5.2795 18.7217C4.42427 17.8669 3.74721 16.8616 3.24833 15.706C2.74944 14.5504 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45268 3.248 8.29655C3.74667 7.1404 4.42342 6.13472 5.27825 5.2795C6.1331 4.42427 7.13834 3.74721 8.29398 3.24833C9.44959 2.74944 10.6844 2.5 11.9983 2.5C13.3122 2.5 14.5473 2.74933 15.7034 3.248C16.8596 3.74667 17.8652 4.42342 18.7205 5.27825C19.5757 6.1331 20.2527 7.13834 20.7516 8.29398C21.2505 9.44959 21.5 10.6844 21.5 11.9983C21.5 13.3122 21.2506 14.5473 20.752 15.7034C20.2533 16.8596 19.5765 17.8652 18.7217 18.7205C17.8669 19.5757 16.8616 20.2527 15.706 20.7516C14.5504 21.2505 13.3156 21.5 12.0016 21.5Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ArrowCircleUpFilledIcon;

package/src/icons/ArrowDropDownIcon.tsx

@@ -0,0 +1,32 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ArrowDropDownIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8365"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8365)">
+        <path d="M12 14.3L8.19995 10.5H15.8L12 14.3Z" fill="currentColor" />
+      </g>
+    </Icon>
+  );
+};
+
+export default ArrowDropDownIcon;

package/src/icons/ArrowDropUpIcon.tsx

@@ -0,0 +1,37 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ArrowDropUpIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8368"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect
+          width="24"
+          height="24"
+          transform="matrix(1 0 0 -1 0 24)"
+          fill="#C4C4C4"
+        />
+      </mask>
+      <g mask="url(#mask0_1118_8368)">
+        <path d="M12 9.7L8.19995 13.5H15.8L12 9.7Z" fill="currentColor" />
+      </g>
+    </Icon>
+  );
+};
+
+export default ArrowDropUpIcon;

package/src/icons/ArrowForwardIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ArrowForwardIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8377"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8377)">
+        <path
+          d="M17.1269 12.9483H5.75C5.53718 12.9483 5.35898 12.8765 5.2154 12.7329C5.0718 12.5893 5 12.4111 5 12.1983C5 11.9855 5.0718 11.8073 5.2154 11.6637C5.35898 11.5201 5.53718 11.4483 5.75 11.4483H17.1269L11.9577 6.27907C11.809 6.13036 11.7356 5.95632 11.7375 5.75697C11.7394 5.5576 11.8179 5.38036 11.9731 5.22525C12.1282 5.08038 12.3038 5.00538 12.5 5.00025C12.6961 4.99511 12.8718 5.07011 13.0269 5.22525L19.3672 11.5656C19.4608 11.6592 19.5269 11.7579 19.5653 11.8618C19.6038 11.9656 19.623 12.0778 19.623 12.1983C19.623 12.3188 19.6038 12.431 19.5653 12.5348C19.5269 12.6387 19.4608 12.7374 19.3672 12.831L13.0269 19.1713C12.8884 19.3098 12.717 19.3806 12.5125 19.3838C12.308 19.387 12.1282 19.3162 11.9731 19.1713C11.8179 19.0162 11.7404 18.838 11.7404 18.6367C11.7404 18.4355 11.8179 18.2573 11.9731 18.1021L17.1269 12.9483Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ArrowForwardIcon;

package/src/icons/ArtTrackIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ArtTrackIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8919"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_8919)">
+        <path
+          d="M3.37502 18C2.92502 18 2.54602 17.846 2.23802 17.538C1.92936 17.2293 1.77502 16.8417 1.77502 16.375V7.625C1.77502 7.15833 1.92936 6.771 2.23802 6.463C2.54602 6.15433 2.92502 6 3.37502 6H12.15C12.6167 6 13.004 6.15433 13.312 6.463C13.6207 6.771 13.775 7.15833 13.775 7.625V16.375C13.775 16.8417 13.6207 17.2293 13.312 17.538C13.004 17.846 12.6167 18 12.15 18H3.37502ZM3.37502 17H12.15C12.3334 17 12.4834 16.9417 12.6 16.825C12.7167 16.7083 12.775 16.5583 12.775 16.375V7.625C12.775 7.44167 12.7167 7.29167 12.6 7.175C12.4834 7.05833 12.3334 7 12.15 7H3.37502C3.20836 7 3.06669 7.05833 2.95002 7.175C2.83336 7.29167 2.77502 7.44167 2.77502 7.625V16.375C2.77502 16.5583 2.83336 16.7083 2.95002 16.825C3.06669 16.9417 3.20836 17 3.37502 17ZM17.5 18C17.35 18 17.2294 17.9543 17.138 17.863C17.046 17.771 17 17.65 17 17.5V6.475C17 6.34167 17.046 6.229 17.138 6.137C17.2294 6.04567 17.35 6 17.5 6C17.65 6 17.771 6.04567 17.863 6.137C17.9544 6.229 18 6.35 18 6.5V17.525C18 17.6583 17.9544 17.771 17.863 17.863C17.771 17.9543 17.65 18 17.5 18ZM21.725 18C21.5917 18 21.475 17.9543 21.375 17.863C21.275 17.771 21.225 17.65 21.225 17.5V6.475C21.225 6.34167 21.275 6.229 21.375 6.137C21.475 6.04567 21.5917 6 21.725 6C21.875 6 21.996 6.04567 22.088 6.137C22.1794 6.229 22.225 6.35 22.225 6.5V17.525C22.225 17.6583 22.1794 17.771 22.088 17.863C21.996 17.9543 21.875 18 21.725 18ZM4.80002 14.775H10.75C10.8667 14.775 10.95 14.725 11 14.625C11.05 14.525 11.0417 14.425 10.975 14.325L9.42502 12.225C9.35836 12.1417 9.27502 12.1 9.17502 12.1C9.07502 12.1 8.98336 12.1417 8.90002 12.225L7.27502 14.375L6.12502 12.875C6.05836 12.7917 5.97502 12.75 5.87502 12.75C5.77502 12.75 5.69169 12.7917 5.62502 12.875L4.57502 14.325C4.49169 14.425 4.47902 14.525 4.53702 14.625C4.59569 14.725 4.68336 14.775 4.80002 14.775Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ArtTrackIcon;

package/src/icons/ArticleFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ArticleFilledIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8773"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_8773)">
+        <path
+          d="M7.5 16.5H13.5V15.5H7.5V16.5ZM7.5 12.5H16.5V11.5H7.5V12.5ZM7.5 8.5H16.5V7.5H7.5V8.5ZM5.625 20C5.15833 20 4.771 19.846 4.463 19.538C4.15433 19.2293 4 18.8417 4 18.375V5.625C4 5.15833 4.15433 4.771 4.463 4.463C4.771 4.15433 5.15833 4 5.625 4H18.375C18.8417 4 19.2293 4.15433 19.538 4.463C19.846 4.771 20 5.15833 20 5.625V18.375C20 18.8417 19.846 19.2293 19.538 19.538C19.2293 19.846 18.8417 20 18.375 20H5.625Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ArticleFilledIcon;

package/src/icons/ArticleIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ArticleIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8776"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_8776)">
+        <path
+          d="M7.5 16.5H13.5V15.5H7.5V16.5ZM7.5 12.5H16.5V11.5H7.5V12.5ZM7.5 8.5H16.5V7.5H7.5V8.5ZM5.625 20C5.15833 20 4.771 19.846 4.463 19.538C4.15433 19.2293 4 18.8417 4 18.375V5.625C4 5.15833 4.15433 4.771 4.463 4.463C4.771 4.15433 5.15833 4 5.625 4H18.375C18.8417 4 19.2293 4.15433 19.538 4.463C19.846 4.771 20 5.15833 20 5.625V18.375C20 18.8417 19.846 19.2293 19.538 19.538C19.2293 19.846 18.8417 20 18.375 20H5.625ZM5.625 19H18.375C18.5417 19 18.6873 18.9373 18.812 18.812C18.9373 18.6873 19 18.5417 19 18.375V5.625C19 5.45833 18.9373 5.31267 18.812 5.188C18.6873 5.06267 18.5417 5 18.375 5H5.625C5.45833 5 5.31267 5.06267 5.188 5.188C5.06267 5.31267 5 5.45833 5 5.625V18.375C5 18.5417 5.06267 18.6873 5.188 18.812C5.31267 18.9373 5.45833 19 5.625 19Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ArticleIcon;

package/src/icons/AttachMoneyIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const AttachMoneyIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8431"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8431)">
+        <path
+          d="M11.475 20.5V18.475C10.625 18.3583 9.89169 18.0583 9.27502 17.575C8.65836 17.0917 8.20002 16.425 7.90002 15.575L8.82502 15.175C9.10836 15.925 9.50402 16.5 10.012 16.9C10.5207 17.3 11.2084 17.5 12.075 17.5C12.825 17.5 13.5167 17.3127 14.15 16.938C14.7834 16.5627 15.1 15.95 15.1 15.1C15.1 14.3833 14.8667 13.8123 14.4 13.387C13.9334 12.9623 13.0667 12.5417 11.8 12.125C10.5167 11.7083 9.60836 11.2373 9.07502 10.712C8.54169 10.1873 8.27502 9.5 8.27502 8.65C8.27502 7.71667 8.63336 6.975 9.35002 6.425C10.0667 5.875 10.775 5.575 11.475 5.525V3.5H12.475V5.525C13.175 5.59167 13.775 5.78333 14.275 6.1C14.775 6.41667 15.1834 6.86667 15.5 7.45L14.625 7.9C14.375 7.46667 14.0417 7.11667 13.625 6.85C13.2084 6.58333 12.675 6.45 12.025 6.45C11.2584 6.45 10.6084 6.654 10.075 7.062C9.54169 7.47067 9.27502 8 9.27502 8.65C9.27502 9.26667 9.49602 9.76667 9.93802 10.15C10.3794 10.5333 11.25 10.925 12.55 11.325C13.7667 11.7083 14.6627 12.204 15.238 12.812C15.8127 13.4207 16.1 14.1833 16.1 15.1C16.1 16.1 15.746 16.896 15.038 17.488C14.3294 18.0793 13.475 18.4083 12.475 18.475V20.5H11.475Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default AttachMoneyIcon;

package/src/icons/AttachmentIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const AttachmentIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8404"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8404)">
+        <path
+          d="M7.125 17.05C5.725 17.05 4.54167 16.5583 3.575 15.575C2.60833 14.5917 2.125 13.4 2.125 12C2.125 10.6 2.61667 9.40835 3.6 8.42501C4.58333 7.44168 5.76667 6.95001 7.15 6.95001H18.275C19.275 6.95001 20.1333 7.30835 20.85 8.02501C21.5667 8.74168 21.925 9.60835 21.925 10.625C21.925 11.625 21.5667 12.4833 20.85 13.2C20.1333 13.9167 19.275 14.275 18.275 14.275H8.275C7.64167 14.275 7.104 14.054 6.662 13.612C6.22067 13.1707 6 12.6333 6 12C6 11.3667 6.22067 10.829 6.662 10.387C7.104 9.94568 7.64167 9.72501 8.275 9.72501H18.275V10.625H8.275C7.875 10.625 7.54167 10.754 7.275 11.012C7.00833 11.2707 6.875 11.6 6.875 12C6.875 12.4 7.00833 12.7293 7.275 12.988C7.54167 13.246 7.875 13.375 8.275 13.375H18.275C19.0417 13.375 19.696 13.1083 20.238 12.575C20.7793 12.0417 21.05 11.3917 21.05 10.625C21.05 9.84168 20.7793 9.18335 20.238 8.65001C19.696 8.11668 19.0417 7.85001 18.275 7.85001H7.15C6 7.85001 5.021 8.25401 4.213 9.06201C3.40433 9.87068 3 10.85 3 12C3 13.1333 3.4 14.1083 4.2 14.925C5 15.7417 5.975 16.15 7.125 16.15H18.275V17.05H7.125Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default AttachmentIcon;