mainstack-design-system 0.0.0

package/src/icons/ContactPageIcon.tsx

@@ -0,0 +1,22 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ContactPageIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M12 13.5385C12.4218 13.5385 12.7772 13.3939 13.0663 13.1048C13.3554 12.8157 13.5 12.4602 13.5 12.0385C13.5 11.6167 13.3554 11.2612 13.0663 10.9721C12.7772 10.683 12.4218 10.5385 12 10.5385C11.5782 10.5385 11.2228 10.683 10.9337 10.9721C10.6446 11.2612 10.5 11.6167 10.5 12.0385C10.5 12.4602 10.6446 12.8157 10.9337 13.1048C11.2228 13.3939 11.5782 13.5385 12 13.5385ZM8.5 16.9231H15.5V16.7712C15.5 16.4609 15.4173 16.1968 15.2519 15.9789C15.0865 15.7609 14.8635 15.5878 14.5827 15.4596C14.1878 15.2891 13.774 15.1571 13.3413 15.0634C12.9086 14.9699 12.4615 14.9231 12 14.9231C11.5385 14.9231 11.0914 14.9699 10.6587 15.0634C10.226 15.1571 9.81218 15.2891 9.4173 15.4596C9.13653 15.5878 8.91346 15.7609 8.74808 15.9789C8.58269 16.1968 8.5 16.4609 8.5 16.7712V16.9231ZM17.6154 21H6.3846C6.00032 21 5.67347 20.8653 5.40407 20.5959C5.13469 20.3265 5 19.9997 5 19.6154V4.3846C5 4.00032 5.13469 3.67348 5.40407 3.40408C5.67347 3.13469 6.00032 3 6.3846 3H13.0154C13.1985 3 13.3739 3.0329 13.5415 3.0987C13.7091 3.1645 13.8664 3.26877 14.0135 3.41152L18.5885 7.98653C18.7312 8.13356 18.8355 8.29087 18.9013 8.45847C18.9671 8.62607 19 8.80146 19 8.98463V19.6154C19 19.9997 18.8653 20.3265 18.5959 20.5959C18.3265 20.8653 17.9997 21 17.6154 21ZM17.6154 20.2308C17.7692 20.2308 17.9103 20.1667 18.0385 20.0385C18.1667 19.9103 18.2308 19.7692 18.2308 19.6154V8.76537L13.2346 3.76922H6.3846C6.23077 3.76922 6.08974 3.83332 5.96152 3.96152C5.83332 4.08974 5.76922 4.23077 5.76922 4.3846V19.6154C5.76922 19.7692 5.83332 19.9103 5.96152 20.0385C6.08974 20.1667 6.23077 20.2308 6.3846 20.2308H17.6154Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+};
+
+export default ContactPageIcon;

package/src/icons/ContactPhoneFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ContactPhoneFilledIcon = (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_8881"
+        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_8881)">
+        <path
+          d="M2.625 19.625C2.15833 19.625 1.77067 19.471 1.462 19.163C1.154 18.8543 1 18.4667 1 18V6C1 5.53333 1.154 5.146 1.462 4.838C1.77067 4.52933 2.15833 4.375 2.625 4.375H21.375C21.8417 4.375 22.2293 4.52933 22.538 4.838C22.846 5.146 23 5.53333 23 6V18C23 18.4667 22.846 18.8543 22.538 19.163C22.2293 19.471 21.8417 19.625 21.375 19.625H2.625ZM9 14.225C9.7 14.225 10.2917 13.9833 10.775 13.5C11.2583 13.0167 11.5 12.425 11.5 11.725C11.5 11.0417 11.2583 10.454 10.775 9.962C10.2917 9.47067 9.7 9.225 9 9.225C8.3 9.225 7.70833 9.47067 7.225 9.962C6.74167 10.454 6.5 11.0417 6.5 11.725C6.5 12.425 6.74167 13.0167 7.225 13.5C7.70833 13.9833 8.3 14.225 9 14.225ZM17.775 16.95C17.925 17.1 18.1 17.171 18.3 17.163C18.5 17.1543 18.6667 17.075 18.8 16.925L19.425 16.3C19.575 16.15 19.6583 15.975 19.675 15.775C19.6917 15.575 19.6417 15.4 19.525 15.25L18.925 14.475C18.8583 14.375 18.7667 14.2957 18.65 14.237C18.5333 14.179 18.4167 14.15 18.3 14.15H16.975C16.8417 13.7833 16.75 13.429 16.7 13.087C16.65 12.7457 16.625 12.3833 16.625 12C16.625 11.6167 16.65 11.2627 16.7 10.938C16.75 10.6127 16.8417 10.25 16.975 9.85H18.3C18.4167 9.85 18.5333 9.82067 18.65 9.762C18.7667 9.704 18.8583 9.625 18.925 9.525L19.525 8.75C19.6417 8.6 19.6917 8.425 19.675 8.225C19.6583 8.025 19.575 7.85 19.425 7.7L18.8 7.075C18.6667 6.925 18.5 6.84567 18.3 6.837C18.1 6.829 17.925 6.9 17.775 7.05C17.125 7.7 16.621 8.454 16.263 9.312C15.9043 10.1707 15.725 11.0667 15.725 12C15.725 12.9333 15.9043 13.8293 16.263 14.688C16.621 15.546 17.125 16.3 17.775 16.95ZM3.225 18.625H14.775C14.075 17.7083 13.225 16.9793 12.225 16.438C11.225 15.896 10.15 15.625 9 15.625C7.85 15.625 6.775 15.896 5.775 16.438C4.775 16.9793 3.925 17.7083 3.225 18.625Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ContactPhoneFilledIcon;

package/src/icons/ContactPhoneIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ContactPhoneIcon = (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_8752"
+        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_8752)">
+        <path
+          d="M2.625 19.625C2.15833 19.625 1.77067 19.471 1.462 19.163C1.154 18.8543 1 18.4667 1 18V6C1 5.53333 1.154 5.146 1.462 4.838C1.77067 4.52933 2.15833 4.375 2.625 4.375H21.375C21.8417 4.375 22.2293 4.52933 22.538 4.838C22.846 5.146 23 5.53333 23 6V18C23 18.4667 22.846 18.8543 22.538 19.163C22.2293 19.471 21.8417 19.625 21.375 19.625H2.625ZM14.775 18.625H21.375C21.5417 18.625 21.6873 18.5583 21.812 18.425C21.9373 18.2917 22 18.15 22 18V6C22 5.85 21.9373 5.70833 21.812 5.575C21.6873 5.44167 21.5417 5.375 21.375 5.375H2.625C2.45833 5.375 2.31267 5.44167 2.188 5.575C2.06267 5.70833 2 5.85 2 6V18C2 18.15 2.06267 18.2917 2.188 18.425C2.31267 18.5583 2.45833 18.625 2.625 18.625H3.225C3.925 17.7083 4.775 16.9793 5.775 16.438C6.775 15.896 7.85 15.625 9 15.625C10.15 15.625 11.225 15.896 12.225 16.438C13.225 16.9793 14.075 17.7083 14.775 18.625ZM9 14.225C9.7 14.225 10.2917 13.9833 10.775 13.5C11.2583 13.0167 11.5 12.425 11.5 11.725C11.5 11.0417 11.2583 10.454 10.775 9.962C10.2917 9.47067 9.7 9.225 9 9.225C8.3 9.225 7.70833 9.47067 7.225 9.962C6.74167 10.454 6.5 11.0417 6.5 11.725C6.5 12.425 6.74167 13.0167 7.225 13.5C7.70833 13.9833 8.3 14.225 9 14.225ZM17.775 16.95C17.925 17.1 18.1 17.171 18.3 17.163C18.5 17.1543 18.6667 17.075 18.8 16.925L19.425 16.3C19.575 16.15 19.6583 15.975 19.675 15.775C19.6917 15.575 19.6417 15.4 19.525 15.25L18.925 14.475C18.8583 14.375 18.7667 14.2957 18.65 14.237C18.5333 14.179 18.4167 14.15 18.3 14.15H16.975C16.8417 13.7833 16.75 13.429 16.7 13.087C16.65 12.7457 16.625 12.3833 16.625 12C16.625 11.6167 16.65 11.2627 16.7 10.938C16.75 10.6127 16.8417 10.25 16.975 9.85H18.3C18.4167 9.85 18.5333 9.82067 18.65 9.762C18.7667 9.704 18.8583 9.625 18.925 9.525L19.525 8.75C19.6417 8.6 19.6917 8.425 19.675 8.225C19.6583 8.025 19.575 7.85 19.425 7.7L18.8 7.075C18.6667 6.925 18.5 6.84567 18.3 6.837C18.1 6.829 17.925 6.9 17.775 7.05C17.125 7.7 16.621 8.454 16.263 9.312C15.9043 10.1707 15.725 11.0667 15.725 12C15.725 12.9333 15.9043 13.8293 16.263 14.688C16.621 15.546 17.125 16.3 17.775 16.95ZM4.55 18.625H13.45C12.8667 17.9917 12.1917 17.5 11.425 17.15C10.6583 16.8 9.85 16.625 9 16.625C8.15 16.625 7.34167 16.8 6.575 17.15C5.80833 17.5 5.13333 17.9917 4.55 18.625ZM9 13.225C8.58333 13.225 8.22933 13.079 7.938 12.787C7.646 12.4957 7.5 12.1417 7.5 11.725C7.5 11.325 7.646 10.975 7.938 10.675C8.22933 10.375 8.58333 10.225 9 10.225C9.41667 10.225 9.77067 10.375 10.062 10.675C10.354 10.975 10.5 11.325 10.5 11.725C10.5 12.1417 10.354 12.4957 10.062 12.787C9.77067 13.079 9.41667 13.225 9 13.225Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ContactPhoneIcon;

package/src/icons/ContactsIcon.tsx

@@ -0,0 +1,22 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ContactsIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M4.69618 21.3846C4.58656 21.3846 4.49506 21.3475 4.42166 21.2732C4.34826 21.1989 4.31156 21.1062 4.31156 20.9953C4.31156 20.8843 4.34826 20.7933 4.42166 20.7221C4.49506 20.651 4.58656 20.6154 4.69618 20.6154H19.3039C19.4135 20.6154 19.505 20.6525 19.5784 20.7268C19.6518 20.8011 19.6885 20.8938 19.6885 21.0047C19.6885 21.1157 19.6518 21.2067 19.5784 21.2779C19.505 21.349 19.4135 21.3846 19.3039 21.3846H4.69618ZM4.69618 3.38458C4.58656 3.38458 4.49506 3.34743 4.42166 3.27313C4.34826 3.19883 4.31156 3.10621 4.31156 2.99526C4.31156 2.88431 4.34826 2.79325 4.42166 2.72208C4.49506 2.65093 4.58656 2.61536 4.69618 2.61536H19.3039C19.4135 2.61536 19.505 2.65251 19.5784 2.72681C19.6518 2.80111 19.6885 2.89374 19.6885 3.00471C19.6885 3.11566 19.6518 3.20671 19.5784 3.27786C19.505 3.34901 19.4135 3.38458 19.3039 3.38458H4.69618ZM12 13.9577C12.6977 13.9577 13.2836 13.7187 13.7579 13.2407C14.2321 12.7627 14.4693 12.1722 14.4693 11.4692C14.4693 10.7716 14.2321 10.1856 13.7579 9.71136C13.2836 9.23711 12.6977 8.99998 12 8.99998C11.3024 8.99998 10.7164 9.23787 10.2422 9.71366C9.76793 10.1895 9.53081 10.7773 9.53081 11.4771C9.53081 12.177 9.76793 12.7654 10.2422 13.2423C10.7164 13.7192 11.3024 13.9577 12 13.9577ZM4.30003 19C3.91573 19 3.58889 18.8653 3.31951 18.5959C3.05011 18.3265 2.91541 17.9997 2.91541 17.6154V6.38458C2.91541 5.9769 3.05011 5.64421 3.31951 5.38651C3.58889 5.12882 3.91573 4.99998 4.30003 4.99998H19.7C20.0843 4.99998 20.4112 5.13467 20.6806 5.40406C20.95 5.67346 21.0847 6.0003 21.0847 6.38458V17.6154C21.0847 17.9997 20.95 18.3265 20.6806 18.5959C20.4112 18.8653 20.0843 19 19.7 19H4.30003ZM6.94233 18.2308C7.74105 17.5013 8.57631 16.9734 9.44811 16.6471C10.3199 16.3208 11.1696 16.1577 11.9972 16.1577C12.8247 16.1577 13.6805 16.3208 14.5645 16.6471C15.4484 16.9734 16.2795 17.5013 17.0577 18.2308H19.7C19.8539 18.2308 19.9949 18.1667 20.1231 18.0385C20.2513 17.9102 20.3154 17.7692 20.3154 17.6154V6.38458C20.3154 6.23075 20.2513 6.08972 20.1231 5.96151C19.9949 5.83331 19.8539 5.76921 19.7 5.76921H4.30003C4.14618 5.76921 4.00516 5.83331 3.87696 5.96151C3.74876 6.08972 3.68466 6.23075 3.68466 6.38458V17.6154C3.68466 17.7692 3.74876 17.9102 3.87696 18.0385C4.00516 18.1667 4.14618 18.2308 4.30003 18.2308H6.94233ZM8.31156 18.2308H15.7193C15.2154 17.8205 14.6561 17.5006 14.0414 17.2711C13.4266 17.0416 12.7462 16.9269 12 16.9269C11.2539 16.9269 10.5754 17.0416 9.96446 17.2711C9.35356 17.5006 8.80259 17.8205 8.31156 18.2308ZM12.0026 13.1884C11.5368 13.1884 11.1375 13.0211 10.8048 12.6865C10.4721 12.3519 10.3058 11.9493 10.3058 11.4788C10.3058 11.0083 10.4713 10.6057 10.8022 10.2711C11.1332 9.93652 11.5316 9.76921 11.9974 9.76921C12.4633 9.76921 12.8625 9.93652 13.1952 10.2711C13.5279 10.6057 13.6943 11.0083 13.6943 11.4788C13.6943 11.9493 13.5288 12.3519 13.1978 12.6865C12.8669 13.0211 12.4685 13.1884 12.0026 13.1884Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+};
+
+export default ContactsIcon;

package/src/icons/ContentCopyIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ContentCopyIcon = (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_8449"
+        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_8449)">
+        <path
+          d="M9.5 17.625C9.03333 17.625 8.646 17.471 8.338 17.163C8.02933 16.8543 7.875 16.4667 7.875 16V5.225C7.875 4.775 8.02933 4.39567 8.338 4.087C8.646 3.779 9.03333 3.625 9.5 3.625H17.275C17.725 3.625 18.1043 3.779 18.413 4.087C18.721 4.39567 18.875 4.775 18.875 5.225V16C18.875 16.4667 18.721 16.8543 18.413 17.163C18.1043 17.471 17.725 17.625 17.275 17.625H9.5ZM9.5 16.625H17.275C17.425 16.625 17.5627 16.5583 17.688 16.425C17.8127 16.2917 17.875 16.15 17.875 16V5.225C17.875 5.075 17.8127 4.93733 17.688 4.812C17.5627 4.68733 17.425 4.625 17.275 4.625H9.5C9.35 4.625 9.20833 4.68733 9.075 4.812C8.94167 4.93733 8.875 5.075 8.875 5.225V16C8.875 16.15 8.94167 16.2917 9.075 16.425C9.20833 16.5583 9.35 16.625 9.5 16.625ZM6.5 20.625C6.03333 20.625 5.646 20.471 5.338 20.163C5.02933 19.8543 4.875 19.4667 4.875 19V7.625H5.875V19C5.875 19.15 5.94167 19.2917 6.075 19.425C6.20833 19.5583 6.35 19.625 6.5 19.625H14.875V20.625H6.5Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ContentCopyIcon;

package/src/icons/CopyIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const CopyIcon = (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_9038"
+        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_9038)">
+        <path
+          d="M10.6154 15C10.1551 15 9.77083 14.8458 9.4625 14.5375C9.15417 14.2292 9 13.8449 9 13.3846V6.61537C9 6.15512 9.15417 5.77083 9.4625 5.4625C9.77083 5.15417 10.1551 5 10.6154 5H17.3846C17.8449 5 18.2292 5.15417 18.5375 5.4625C18.8458 5.77083 19 6.15512 19 6.61537V13.3846C19 13.8449 18.8458 14.2292 18.5375 14.5375C18.2292 14.8458 17.8449 15 17.3846 15H10.6154ZM10.6154 6C10.4615 6 10.3205 6.0641 10.1923 6.1923C10.0641 6.32052 10 6.46154 10 6.61537V13.3846C10 13.5385 10.0641 13.6795 10.1923 13.8077C10.3205 13.9359 10.4615 14 10.6154 14H17.3846C17.5385 14 17.6795 13.9359 17.8077 13.8077C17.9359 13.6795 18 13.5385 18 13.3846V6.61537C18 6.46154 17.9359 6.32052 17.8077 6.1923C17.6795 6.0641 17.5385 6 17.3846 6H10.6154ZM6.61537 19C6.15512 19 5.77083 18.8458 5.4625 18.5375C5.15417 18.2292 5 17.8449 5 17.3846V8.89037H6V17.3846C6 17.5385 6.0641 17.6795 6.1923 17.8077C6.32052 17.9359 6.46154 18 6.61537 18H15.1096V19H6.61537Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default CopyIcon;

package/src/icons/CreditCardFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const CreditCardFilledIcon = (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_8560"
+        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_8560)">
+        <path
+          d="M4.625 19C4.15833 19 3.771 18.846 3.463 18.538C3.15433 18.2293 3 17.8417 3 17.375V6.625C3 6.15833 3.15433 5.771 3.463 5.463C3.771 5.15433 4.15833 5 4.625 5H19.375C19.8417 5 20.2293 5.15433 20.538 5.463C20.846 5.771 21 6.15833 21 6.625V17.375C21 17.8417 20.846 18.2293 20.538 18.538C20.2293 18.846 19.8417 19 19.375 19H4.625ZM4 8.8V11.2H20V8.8H4Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default CreditCardFilledIcon;

package/src/icons/CreditCardIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const CreditCardIcon = (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_8308"
+        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_8308)">
+        <path
+          d="M4.625 19C4.15833 19 3.771 18.846 3.463 18.538C3.15433 18.2293 3 17.8417 3 17.375V6.625C3 6.15833 3.15433 5.771 3.463 5.463C3.771 5.15433 4.15833 5 4.625 5H19.375C19.8417 5 20.2293 5.15433 20.538 5.463C20.846 5.771 21 6.15833 21 6.625V17.375C21 17.8417 20.846 18.2293 20.538 18.538C20.2293 18.846 19.8417 19 19.375 19H4.625ZM4 8.8H20V6.625C20 6.45833 19.9373 6.31267 19.812 6.188C19.6873 6.06267 19.5417 6 19.375 6H4.625C4.45833 6 4.31267 6.06267 4.188 6.188C4.06267 6.31267 4 6.45833 4 6.625V8.8ZM4 11.2V17.375C4 17.5417 4.06267 17.6873 4.188 17.812C4.31267 17.9373 4.45833 18 4.625 18H19.375C19.5417 18 19.6873 17.9373 19.812 17.812C19.9373 17.6873 20 17.5417 20 17.375V11.2H4Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default CreditCardIcon;

package/src/icons/DarkModeIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DrakModeIcon = (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_8782"
+        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_8782)">
+        <path
+          d="M12.05 20C9.83338 20 7.94572 19.221 6.38705 17.663C4.82905 16.1043 4.05005 14.2166 4.05005 12C4.05005 9.96664 4.71238 8.20831 6.03705 6.72498C7.36238 5.24164 9.00005 4.36664 10.95 4.09998C11 4.09998 11.05 4.09998 11.1 4.09998C11.15 4.09998 11.2 4.10831 11.25 4.12498C10.9167 4.59164 10.65 5.11264 10.45 5.68798C10.25 6.26264 10.15 6.86664 10.15 7.49998C10.15 9.28331 10.775 10.7956 12.025 12.037C13.275 13.279 14.7834 13.9 16.55 13.9C17.1834 13.9 17.7877 13.8 18.363 13.6C18.9377 13.4 19.4584 13.1333 19.925 12.8C19.925 12.85 19.9294 12.9 19.938 12.95C19.946 13 19.95 13.0583 19.95 13.125C19.6834 15.075 18.8084 16.7083 17.325 18.025C15.8417 19.3416 14.0834 20 12.05 20ZM12.05 19C13.5167 19 14.8334 18.596 16 17.788C17.1667 16.9793 18.0167 15.925 18.55 14.625C18.2167 14.7083 17.8834 14.775 17.55 14.825C17.2167 14.875 16.8834 14.9 16.55 14.9C14.5 14.9 12.754 14.1793 11.312 12.738C9.87072 11.296 9.15005 9.54998 9.15005 7.49998C9.15005 7.16664 9.17505 6.83331 9.22505 6.49998C9.27505 6.16664 9.34172 5.83331 9.42505 5.49998C8.12505 6.03331 7.07105 6.88331 6.26305 8.04998C5.45438 9.21664 5.05005 10.5333 5.05005 12C5.05005 13.9333 5.73338 15.5833 7.10005 16.95C8.46672 18.3166 10.1167 19 12.05 19Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DrakModeIcon;

package/src/icons/DashboardFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DashboardFilledIcon = (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_8581"
+        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_8581)">
+        <path
+          d="M13.5 8.175V4.825C13.5 4.575 13.5793 4.375 13.738 4.225C13.896 4.075 14.0917 4 14.325 4H19.2C19.4333 4 19.625 4.075 19.775 4.225C19.925 4.375 20 4.575 20 4.825V8.175C20 8.425 19.921 8.625 19.763 8.775C19.6043 8.925 19.4083 9 19.175 9H14.3C14.0667 9 13.875 8.925 13.725 8.775C13.575 8.625 13.5 8.425 13.5 8.175ZM4 11.2V4.8C4 4.56667 4.07933 4.375 4.238 4.225C4.396 4.075 4.59167 4 4.825 4H9.7C9.93333 4 10.125 4.075 10.275 4.225C10.425 4.375 10.5 4.56667 10.5 4.8V11.2C10.5 11.4333 10.4207 11.625 10.262 11.775C10.104 11.925 9.90833 12 9.675 12H4.8C4.56667 12 4.375 11.925 4.225 11.775C4.075 11.625 4 11.4333 4 11.2ZM13.5 19.2V12.8C13.5 12.5667 13.5793 12.375 13.738 12.225C13.896 12.075 14.0917 12 14.325 12H19.2C19.4333 12 19.625 12.075 19.775 12.225C19.925 12.375 20 12.5667 20 12.8V19.2C20 19.4333 19.921 19.625 19.763 19.775C19.6043 19.925 19.4083 20 19.175 20H14.3C14.0667 20 13.875 19.925 13.725 19.775C13.575 19.625 13.5 19.4333 13.5 19.2ZM4 19.175V15.825C4 15.575 4.07933 15.375 4.238 15.225C4.396 15.075 4.59167 15 4.825 15H9.7C9.93333 15 10.125 15.075 10.275 15.225C10.425 15.375 10.5 15.575 10.5 15.825V19.175C10.5 19.425 10.4207 19.625 10.262 19.775C10.104 19.925 9.90833 20 9.675 20H4.8C4.56667 20 4.375 19.925 4.225 19.775C4.075 19.625 4 19.425 4 19.175Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DashboardFilledIcon;

package/src/icons/DashboardIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DashboardIcon = (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_8584"
+        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_8584)">
+        <path
+          d="M13.5 8.175V4.825C13.5 4.575 13.5793 4.375 13.738 4.225C13.896 4.075 14.0917 4 14.325 4H19.2C19.4333 4 19.625 4.075 19.775 4.225C19.925 4.375 20 4.575 20 4.825V8.175C20 8.425 19.921 8.625 19.763 8.775C19.6043 8.925 19.4083 9 19.175 9H14.3C14.0667 9 13.875 8.925 13.725 8.775C13.575 8.625 13.5 8.425 13.5 8.175ZM4 11.2V4.8C4 4.56667 4.07933 4.375 4.238 4.225C4.396 4.075 4.59167 4 4.825 4H9.7C9.93333 4 10.125 4.075 10.275 4.225C10.425 4.375 10.5 4.56667 10.5 4.8V11.2C10.5 11.4333 10.4207 11.625 10.262 11.775C10.104 11.925 9.90833 12 9.675 12H4.8C4.56667 12 4.375 11.925 4.225 11.775C4.075 11.625 4 11.4333 4 11.2ZM13.5 19.2V12.8C13.5 12.5667 13.5793 12.375 13.738 12.225C13.896 12.075 14.0917 12 14.325 12H19.2C19.4333 12 19.625 12.075 19.775 12.225C19.925 12.375 20 12.5667 20 12.8V19.2C20 19.4333 19.921 19.625 19.763 19.775C19.6043 19.925 19.4083 20 19.175 20H14.3C14.0667 20 13.875 19.925 13.725 19.775C13.575 19.625 13.5 19.4333 13.5 19.2ZM4 19.175V15.825C4 15.575 4.07933 15.375 4.238 15.225C4.396 15.075 4.59167 15 4.825 15H9.7C9.93333 15 10.125 15.075 10.275 15.225C10.425 15.375 10.5 15.575 10.5 15.825V19.175C10.5 19.425 10.4207 19.625 10.262 19.775C10.104 19.925 9.90833 20 9.675 20H4.8C4.56667 20 4.375 19.925 4.225 19.775C4.075 19.625 4 19.425 4 19.175ZM5 11H9.5V5H5V11ZM14.5 19H19V13H14.5V19ZM14.5 8H19V5H14.5V8ZM5 19H9.5V16H5V19Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DashboardIcon;

package/src/icons/DatabaseFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DatabaseFilledIcon = (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_9053"
+        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_9053)">
+        <path
+          d="M12 11.6538C9.6282 11.6538 7.61858 11.3134 5.97115 10.6327C4.32372 9.95189 3.5 9.12562 3.5 8.15383C3.5 7.18203 4.32372 6.35575 5.97115 5.67498C7.61858 4.9942 9.6282 4.65381 12 4.65381C14.3718 4.65381 16.3814 4.9942 18.0288 5.67498C19.6763 6.35575 20.5 7.18203 20.5 8.15383C20.5 9.12562 19.6763 9.95189 18.0288 10.6327C16.3814 11.3134 14.3718 11.6538 12 11.6538ZM12 15.6538C9.6282 15.6538 7.61858 15.3134 5.97115 14.6327C4.32372 13.9519 3.5 13.1256 3.5 12.1538V11.5384C3.76923 11.9256 4.20064 12.2804 4.79422 12.6029C5.38781 12.9253 6.07307 13.2 6.85 13.4269C7.62692 13.6538 8.46378 13.8317 9.36058 13.9606C10.2574 14.0894 11.1372 14.1538 12 14.1538C12.8628 14.1538 13.7426 14.0894 14.6394 13.9606C15.5362 13.8317 16.3731 13.6538 17.15 13.4269C17.9269 13.2 18.6122 12.9253 19.2058 12.6029C19.7994 12.2804 20.2308 11.9256 20.5 11.5384V12.1538C20.5 13.1256 19.6763 13.9519 18.0288 14.6327C16.3814 15.3134 14.3718 15.6538 12 15.6538ZM12 19.6538C9.6282 19.6538 7.61858 19.3134 5.97115 18.6327C4.32372 17.9519 3.5 17.1256 3.5 16.1538V15.5384C3.76923 15.9256 4.20064 16.2804 4.79422 16.6029C5.38781 16.9253 6.07307 17.2 6.85 17.4269C7.62692 17.6538 8.46378 17.8317 9.36058 17.9606C10.2574 18.0894 11.1372 18.1538 12 18.1538C12.8628 18.1538 13.7426 18.0894 14.6394 17.9606C15.5362 17.8317 16.3731 17.6538 17.15 17.4269C17.9269 17.2 18.6122 16.9253 19.2058 16.6029C19.7994 16.2804 20.2308 15.9256 20.5 15.5384V16.1538C20.5 17.1256 19.6763 17.9519 18.0288 18.6327C16.3814 19.3134 14.3718 19.6538 12 19.6538Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DatabaseFilledIcon;

package/src/icons/DeleteIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DeleteIcon = (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_8452"
+        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_8452)">
+        <path
+          d="M8.62498 19H15.375C15.5416 19 15.6873 18.9373 15.812 18.812C15.9373 18.6873 16 18.5417 16 18.375V9H7.99998V18.375C7.99998 18.5417 8.06264 18.6873 8.18798 18.812C8.31264 18.9373 8.45831 19 8.62498 19ZM6.22498 6.625V5.625H8.69998L9.69998 4.625H14.3L15.3 5.625H17.775V6.625H6.22498ZM8.62498 20C8.15831 20 7.77098 19.846 7.46298 19.538C7.15431 19.2293 6.99998 18.8417 6.99998 18.375V8H17V18.375C17 18.8417 16.846 19.2293 16.538 19.538C16.2293 19.846 15.8416 20 15.375 20H8.62498ZM7.99998 19H16C16 19 15.9373 19 15.812 19C15.6873 19 15.5416 19 15.375 19H8.62498C8.45831 19 8.31264 19 8.18798 19C8.06264 19 7.99998 19 7.99998 19Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DeleteIcon;

package/src/icons/DescriptionIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DescriptionIcon = (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_8603"
+        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_8603)">
+        <path
+          d="M8.5 17.5H15.5V16.5H8.5V17.5ZM8.5 13.5H15.5V12.5H8.5V13.5ZM6.61537 21C6.15512 21 5.77083 20.8458 5.4625 20.5375C5.15417 20.2292 5 19.8449 5 19.3846V4.61537C5 4.15512 5.15417 3.77083 5.4625 3.4625C5.77083 3.15417 6.15512 3 6.61537 3H14.5L19 7.5V19.3846C19 19.8449 18.8458 20.2292 18.5375 20.5375C18.2292 20.8458 17.8449 21 17.3846 21H6.61537ZM14 8V4H6.61537C6.46154 4 6.32052 4.0641 6.1923 4.1923C6.0641 4.32052 6 4.46154 6 4.61537V19.3846C6 19.5385 6.0641 19.6795 6.1923 19.8077C6.32052 19.9359 6.46154 20 6.61537 20H17.3846C17.5385 20 17.6795 19.9359 17.8077 19.8077C17.9359 19.6795 18 19.5385 18 19.3846V8H14Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DescriptionIcon;

package/src/icons/DesktopMacIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DesktopMacIcon = (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_9114"
+        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_9114)">
+        <path
+          d="M11.1538 17.3462H4.61538C4.15513 17.3462 3.77083 17.192 3.4625 16.8837C3.15417 16.5753 3 16.191 3 15.7308V5.61537C3 5.15512 3.15417 4.77083 3.4625 4.4625C3.77083 4.15417 4.15513 4 4.61538 4H19.3846C19.8449 4 20.2292 4.15417 20.5375 4.4625C20.8458 4.77083 21 5.15512 21 5.61537V15.7308C21 16.191 20.8458 16.5753 20.5375 16.8837C20.2292 17.192 19.8449 17.3462 19.3846 17.3462H12.8462L14.6193 19.1192C14.6526 19.1526 14.6898 19.2436 14.7308 19.3923V19.6154C14.7308 19.7231 14.6936 19.8141 14.6193 19.8885C14.5449 19.9628 14.4539 20 14.3462 20H9.5423C9.46793 20 9.40383 19.9731 9.35 19.9192C9.29615 19.8654 9.26923 19.8013 9.26923 19.7269V19.3423C9.26923 19.309 9.29615 19.2449 9.35 19.15L11.1538 17.3462ZM4 14.8462H20V5.61537C20 5.46154 19.9359 5.32052 19.8077 5.1923C19.6795 5.0641 19.5385 5 19.3846 5H4.61538C4.46154 5 4.32052 5.0641 4.1923 5.1923C4.0641 5.32052 4 5.46154 4 5.61537V14.8462Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DesktopMacIcon;

package/src/icons/DevicesIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DevicesIcon = (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_8913"
+        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_8913)">
+        <path
+          d="M4.97498 17.275V6.57495C4.97498 6.10828 5.12931 5.72062 5.43798 5.41195C5.74598 5.10395 6.13331 4.94995 6.59998 4.94995H19.975C20.125 4.94995 20.246 4.99995 20.338 5.09995C20.4293 5.19995 20.475 5.31662 20.475 5.44995C20.475 5.59995 20.4293 5.72062 20.338 5.81195C20.246 5.90395 20.125 5.94995 19.975 5.94995H6.59998C6.41664 5.94995 6.26664 6.00828 6.14998 6.12495C6.03331 6.24162 5.97498 6.39162 5.97498 6.57495V17.275H10.725C10.9416 17.275 11.121 17.3456 11.263 17.487C11.4043 17.629 11.475 17.8083 11.475 18.025C11.475 18.225 11.4043 18.4 11.263 18.55C11.121 18.7 10.9416 18.775 10.725 18.775H3.72498C3.52498 18.775 3.34998 18.7 3.19998 18.55C3.04998 18.4 2.97498 18.225 2.97498 18.025C2.97498 17.8083 3.04998 17.629 3.19998 17.487C3.34998 17.3456 3.52498 17.275 3.72498 17.275H4.97498ZM15.8 18.775C15.5666 18.775 15.3793 18.7 15.238 18.55C15.096 18.4 15.025 18.2166 15.025 18V9.49995C15.025 9.28328 15.096 9.09995 15.238 8.94995C15.3793 8.79995 15.5666 8.72495 15.8 8.72495H20.25C20.4666 8.72495 20.65 8.79995 20.8 8.94995C20.95 9.09995 21.025 9.28328 21.025 9.49995V18C21.025 18.2166 20.95 18.4 20.8 18.55C20.65 18.7 20.4666 18.775 20.25 18.775H15.8ZM16.025 17.275H20.025V9.72495H16.025V17.275Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DevicesIcon;

package/src/icons/DiamondFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DiamondFilledIcon = (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_1695_7541"
+        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_1695_7541)">
+        <path
+          d="M9.1134 8.40383H14.8865L12.2942 3.25H11.7057L9.1134 8.40383ZM11.4038 19.8884V9.59613H2.8269L11.4038 19.8884ZM12.5961 19.8884L21.173 9.59613H12.5961V19.8884ZM16.1999 8.40383H21.423L19.348 4.24423C19.1816 3.94294 18.9584 3.70192 18.6784 3.52115C18.3985 3.34038 18.0845 3.25 17.7365 3.25H13.6384L16.1999 8.40383ZM2.5769 8.40383H7.79998L10.3615 3.25H6.26343C5.9154 3.25 5.60141 3.34038 5.32148 3.52115C5.04153 3.70192 4.81834 3.94294 4.6519 4.24423L2.5769 8.40383Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DiamondFilledIcon;

package/src/icons/DiamondIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DiamondIcon = (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_1695_7534"
+        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_1695_7534)">
+        <path
+          d="M12 19.5865C11.7423 19.5865 11.493 19.532 11.2519 19.423C11.0109 19.3141 10.8 19.1525 10.6193 18.9384L3.04619 9.86535C2.90901 9.70125 2.80613 9.52208 2.73754 9.32785C2.66894 9.13362 2.63464 8.92945 2.63464 8.71535C2.63464 8.57818 2.64875 8.44005 2.67697 8.30095C2.70517 8.16185 2.75453 8.02883 2.82504 7.9019L4.65197 4.24423C4.81607 3.94294 5.03946 3.70192 5.32214 3.52115C5.60483 3.34038 5.91861 3.25 6.26349 3.25H17.7365C18.0814 3.25 18.3952 3.34038 18.6779 3.52115C18.9606 3.70192 19.184 3.94294 19.3481 4.24423L21.175 7.9019C21.2455 8.02883 21.2949 8.16185 21.3231 8.30095C21.3513 8.44005 21.3654 8.57818 21.3654 8.71535C21.3654 8.92945 21.3311 9.13362 21.2625 9.32785C21.1939 9.52208 21.091 9.70125 20.9538 9.86535L13.3808 18.9384C13.2 19.1525 12.9891 19.3141 12.7481 19.423C12.5071 19.532 12.2577 19.5865 12 19.5865ZM9.22114 8.25H14.7789L13.0289 4.74995H10.9712L9.22114 8.25ZM11.25 17.3673V9.74995H4.92114L11.25 17.3673ZM12.75 17.3673L19.0789 9.74995H12.75V17.3673ZM16.4462 8.25H19.6539L17.9904 4.92305C17.9648 4.87177 17.9263 4.83009 17.875 4.79803C17.8237 4.76598 17.7692 4.74995 17.7115 4.74995H14.6961L16.4462 8.25ZM4.34614 8.25H7.55387L9.30389 4.74995H6.28849C6.23079 4.74995 6.1763 4.76598 6.12502 4.79803C6.07372 4.83009 6.03525 4.87177 6.00962 4.92305L4.34614 8.25Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DiamondIcon;