mainstack-design-system 0.0.0

package/src/icons/SubscriptionsIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const SubscriptionsIcon = (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_8419"
+        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_8419)">
+        <path
+          d="M7.5 4.45001V3.45001H16.5V4.45001H7.5ZM4.5 7.22501V6.22501H19.5V7.22501H4.5ZM4.625 21C4.15833 21 3.771 20.846 3.463 20.538C3.15433 20.2293 3 19.8417 3 19.375V10.625C3 10.1583 3.15433 9.77068 3.463 9.46201C3.771 9.15401 4.15833 9.00001 4.625 9.00001H19.375C19.8417 9.00001 20.2293 9.15401 20.538 9.46201C20.846 9.77068 21 10.1583 21 10.625V19.375C21 19.8417 20.846 20.2293 20.538 20.538C20.2293 20.846 19.8417 21 19.375 21H4.625ZM4.625 20H19.375C19.5417 20 19.6873 19.9373 19.812 19.812C19.9373 19.6873 20 19.5417 20 19.375V10.625C20 10.4583 19.9373 10.3127 19.812 10.188C19.6873 10.0627 19.5417 10 19.375 10H4.625C4.45833 10 4.31267 10.0627 4.188 10.188C4.06267 10.3127 4 10.4583 4 10.625V19.375C4 19.5417 4.06267 19.6873 4.188 19.812C4.31267 19.9373 4.45833 20 4.625 20ZM10.5 18.075L15.125 15L10.5 11.925V18.075Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default SubscriptionsIcon;

package/src/icons/SupervisorAccountIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const SupervisorAccountIcon = (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_8299"
+        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_8299)">
+        <path
+          d="M16.875 13.625C16.3417 13.625 15.875 13.425 15.475 13.025C15.075 12.625 14.875 12.1583 14.875 11.625C14.875 11.075 15.075 10.604 15.475 10.212C15.875 9.82067 16.3417 9.625 16.875 9.625C17.425 9.625 17.896 9.82067 18.288 10.212C18.6793 10.604 18.875 11.075 18.875 11.625C18.875 12.1583 18.6793 12.625 18.288 13.025C17.896 13.425 17.425 13.625 16.875 13.625ZM12.375 18.625V17.725C12.375 17.4083 12.4543 17.125 12.613 16.875C12.771 16.625 12.9917 16.4417 13.275 16.325C13.8417 16.0917 14.425 15.9167 15.025 15.8C15.625 15.6833 16.2417 15.625 16.875 15.625C17.4917 15.625 18.1 15.6833 18.7 15.8C19.3 15.9167 19.9 16.0917 20.5 16.325C20.7833 16.4417 21 16.625 21.15 16.875C21.3 17.125 21.375 17.4083 21.375 17.725V18.625H12.375ZM9.625 11.375C8.79167 11.375 8.08333 11.0833 7.5 10.5C6.91667 9.91667 6.625 9.20833 6.625 8.375C6.625 7.55833 6.91667 6.854 7.5 6.262C8.08333 5.67067 8.79167 5.375 9.625 5.375C10.4417 5.375 11.146 5.67067 11.738 6.262C12.3293 6.854 12.625 7.55833 12.625 8.375C12.625 9.20833 12.3293 9.91667 11.738 10.5C11.146 11.0833 10.4417 11.375 9.625 11.375ZM2.625 18.625V16.975C2.625 16.5417 2.74167 16.1417 2.975 15.775C3.20833 15.4083 3.53333 15.1417 3.95 14.975C4.83333 14.525 5.75 14.1873 6.7 13.962C7.65 13.7373 8.625 13.625 9.625 13.625C10.025 13.625 10.425 13.646 10.825 13.688C11.225 13.7293 11.6333 13.7833 12.05 13.85L11.175 14.75C10.925 14.6833 10.6667 14.6457 10.4 14.637C10.1333 14.629 9.875 14.625 9.625 14.625C8.70833 14.625 7.81267 14.7207 6.938 14.912C6.06267 15.104 5.225 15.4167 4.425 15.85C4.20833 15.9667 4.021 16.1167 3.863 16.3C3.70433 16.4833 3.625 16.7083 3.625 16.975V17.625H9.625V18.625H2.625ZM9.625 10.375C10.175 10.375 10.646 10.179 11.038 9.787C11.4293 9.39567 11.625 8.925 11.625 8.375C11.625 7.825 11.4293 7.35433 11.038 6.963C10.646 6.571 10.175 6.375 9.625 6.375C9.075 6.375 8.60433 6.571 8.213 6.963C7.821 7.35433 7.625 7.825 7.625 8.375C7.625 8.925 7.821 9.39567 8.213 9.787C8.60433 10.179 9.075 10.375 9.625 10.375Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default SupervisorAccountIcon;

package/src/icons/SwitchAccountFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const SwitchAccountFilledIcon = (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_8949"
+        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_8949)">
+        <path
+          d="M14 11.45C14.7 11.45 15.2917 11.2083 15.775 10.725C16.2583 10.2417 16.5 9.65 16.5 8.95C16.5 8.26667 16.2583 7.67933 15.775 7.188C15.2917 6.696 14.7 6.45 14 6.45C13.3 6.45 12.7083 6.696 12.225 7.188C11.7417 7.67933 11.5 8.26667 11.5 8.95C11.5 9.65 11.7417 10.2417 12.225 10.725C12.7083 11.2083 13.3 11.45 14 11.45ZM8.625 17C8.15833 17 7.771 16.846 7.463 16.538C7.15433 16.2293 7 15.8417 7 15.375V4.625C7 4.15833 7.15433 3.77067 7.463 3.462C7.771 3.154 8.15833 3 8.625 3H19.375C19.8417 3 20.2293 3.154 20.538 3.462C20.846 3.77067 21 4.15833 21 4.625V15.375C21 15.8417 20.846 16.2293 20.538 16.538C20.2293 16.846 19.8417 17 19.375 17H8.625ZM4.625 21C4.15833 21 3.771 20.846 3.463 20.538C3.15433 20.2293 3 19.8417 3 19.375V7.5C3 7.35 3.046 7.229 3.138 7.137C3.22933 7.04567 3.35 7 3.5 7C3.65 7 3.77067 7.04567 3.862 7.137C3.954 7.229 4 7.35 4 7.5V19.375C4 19.5583 4.05833 19.7083 4.175 19.825C4.29167 19.9417 4.44167 20 4.625 20H16.5C16.65 20 16.771 20.0457 16.863 20.137C16.9543 20.229 17 20.35 17 20.5C17 20.65 16.9543 20.771 16.863 20.863C16.771 20.9543 16.65 21 16.5 21H4.625ZM8.575 16H19.425C18.6583 15.15 17.8127 14.529 16.888 14.137C15.9627 13.7457 15 13.55 14 13.55C13 13.55 12.0377 13.7457 11.113 14.137C10.1877 14.529 9.34167 15.15 8.575 16Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default SwitchAccountFilledIcon;

package/src/icons/SwitchAccountIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const SwitchAccountIcon = (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_8848"
+        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_8848)">
+        <path
+          d="M13.9989 11.2308C14.7624 11.2308 15.4118 10.9635 15.9471 10.429C16.4823 9.89452 16.75 9.24548 16.75 8.4819C16.75 7.71833 16.4827 7.06893 15.9482 6.53368C15.4137 5.99843 14.7647 5.7308 14.0011 5.7308C13.2375 5.7308 12.5881 5.99805 12.0529 6.53255C11.5176 7.06705 11.25 7.71608 11.25 8.47965C11.25 9.24322 11.5173 9.89263 12.0518 10.4279C12.5863 10.9631 13.2353 11.2308 13.9989 11.2308ZM8.28845 15.8461C9.01922 15.0205 9.88076 14.3846 10.8731 13.9385C11.8654 13.4923 12.9077 13.2692 14 13.2692C15.0923 13.2692 16.1346 13.4923 17.1269 13.9385C18.1192 14.3846 18.9807 15.0205 19.7115 15.8461C19.7948 15.8461 19.8638 15.8157 19.9183 15.7548C19.9727 15.6939 20 15.6218 20 15.5384V4.3077C20 4.21795 19.9711 4.14423 19.9134 4.08653C19.8557 4.02883 19.782 3.99998 19.6923 3.99998H8.3077C8.21795 3.99998 8.14423 4.02883 8.08653 4.08653C8.02883 4.14423 7.99998 4.21795 7.99998 4.3077V15.5384C7.99998 15.6218 8.02722 15.6939 8.0817 15.7548C8.1362 15.8157 8.20512 15.8461 8.28845 15.8461ZM8.3077 17.5C7.81058 17.5 7.38503 17.3229 7.03103 16.9689C6.67701 16.6149 6.5 16.1894 6.5 15.6923V4.3077C6.5 3.81058 6.67701 3.38503 7.03103 3.03103C7.38503 2.67701 7.81058 2.5 8.3077 2.5H19.6923C20.1894 2.5 20.6149 2.67701 20.9689 3.03103C21.3229 3.38503 21.5 3.81058 21.5 4.3077V15.6923C21.5 16.1894 21.3229 16.6149 20.9689 16.9689C20.6149 17.3229 20.1894 17.5 19.6923 17.5H8.3077ZM4.3077 21.5C3.81058 21.5 3.38503 21.3229 3.03102 20.9689C2.67701 20.6149 2.5 20.1894 2.5 19.6923V7.25C2.5 7.0375 2.57191 6.85938 2.71572 6.71563C2.85954 6.57188 3.03774 6.5 3.25033 6.5C3.46293 6.5 3.64102 6.57188 3.7846 6.71563C3.92818 6.85938 3.99998 7.0375 3.99998 7.25V19.6923C3.99998 19.782 4.02883 19.8557 4.08653 19.9134C4.14423 19.9711 4.21795 20 4.3077 20H16.75C16.9625 20 17.1406 20.0719 17.2843 20.2157C17.4281 20.3595 17.5 20.5377 17.5 20.7503C17.5 20.9629 17.4281 21.141 17.2843 21.2846C17.1406 21.4282 16.9625 21.5 16.75 21.5H4.3077ZM14 9.7308C13.6525 9.7308 13.3573 9.60933 13.1144 9.36638C12.8714 9.12343 12.75 8.82823 12.75 8.48078C12.75 8.13334 12.8714 7.83815 13.1144 7.5952C13.3573 7.35223 13.6525 7.23075 14 7.23075C14.3474 7.23075 14.6426 7.35223 14.8856 7.5952C15.1285 7.83815 15.25 8.13334 15.25 8.48078C15.25 8.82823 15.1285 9.12343 14.8856 9.36638C14.6426 9.60933 14.3474 9.7308 14 9.7308ZM10.3346 16H17.6654C17.1436 15.5897 16.5689 15.282 15.9413 15.0769C15.3138 14.8718 14.6666 14.7692 14 14.7692C13.3333 14.7692 12.6862 14.8718 12.0586 15.0769C11.431 15.282 10.8564 15.5897 10.3346 16Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default SwitchAccountIcon;

package/src/icons/SyncSavedLocallyIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const SyncSavedLocallyIcon = (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_8599"
+        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_8599)">
+        <path
+          d="M10.9249 13.8L15.8884 8.86155L15.1749 8.1481L10.9249 12.3981L8.79994 10.2731L8.09224 10.9808L10.9249 13.8ZM1.76917 19.4616V18.4616H22.2307V19.4616H1.76917ZM4.61532 17.4616C4.15507 17.4616 3.77077 17.3074 3.46244 16.9991C3.15411 16.6907 2.99994 16.3064 2.99994 15.8462V6.07695C2.99994 5.61668 3.15411 5.23238 3.46244 4.92405C3.77077 4.61571 4.15507 4.46155 4.61532 4.46155H19.3846C19.8448 4.46155 20.2291 4.61571 20.5374 4.92405C20.8458 5.23238 20.9999 5.61668 20.9999 6.07695V15.8462C20.9999 16.3064 20.8458 16.6907 20.5374 16.9991C20.2291 17.3074 19.8448 17.4616 19.3846 17.4616H4.61532ZM4.61532 16.4615H19.3846C19.5384 16.4615 19.6794 16.3974 19.8076 16.2692C19.9358 16.141 19.9999 16 19.9999 15.8462V6.07695C19.9999 5.9231 19.9358 5.78207 19.8076 5.65387C19.6794 5.52566 19.5384 5.46155 19.3846 5.46155H4.61532C4.46148 5.46155 4.32046 5.52566 4.19224 5.65387C4.06404 5.78207 3.99994 5.9231 3.99994 6.07695V15.8462C3.99994 16 4.06404 16.141 4.19224 16.2692C4.32046 16.3974 4.46148 16.4615 4.61532 16.4615Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default SyncSavedLocallyIcon;

package/src/icons/TabletIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const TabletIcon = (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_9117"
+        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_9117)">
+        <path
+          d="M3.61538 19C3.16794 19 2.78686 18.8426 2.47213 18.5279C2.15738 18.2132 2 17.8321 2 17.3846V6.61537C2 6.16794 2.15737 5.78685 2.4721 5.4721C2.78687 5.15737 3.16796 5 3.61538 5H20.3846C20.8321 5 21.2132 5.15737 21.5279 5.4721C21.8426 5.78685 22 6.16794 22 6.61537V17.3846C22 17.8321 21.8426 18.2132 21.5279 18.5279C21.2132 18.8426 20.8321 19 20.3846 19H3.61538ZM4.5 6H3.61538C3.43589 6 3.28846 6.05769 3.17307 6.17307C3.05769 6.28846 3 6.43589 3 6.61537V17.3846C3 17.5641 3.05769 17.7115 3.17307 17.8269C3.28846 17.9423 3.43589 18 3.61538 18H4.5V6ZM5.5 18H18.5V6H5.5V18ZM19.5 6V18H20.3846C20.5641 18 20.7115 17.9423 20.8269 17.8269C20.9423 17.7115 21 17.5641 21 17.3846V6.61537C21 6.43589 20.9423 6.28846 20.8269 6.17307C20.7115 6.05769 20.5641 6 20.3846 6H19.5Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default TabletIcon;

package/src/icons/ThumbDownFilledIcon.tsx

@@ -0,0 +1,22 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ThumbDownFilledIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M3.3846 14.9154C3.02692 14.9154 2.70672 14.7741 2.42402 14.4914C2.14134 14.2087 2 13.8885 2 13.5308V12.2692C2 12.1372 2.01442 11.992 2.04325 11.8337C2.0721 11.6753 2.10897 11.5429 2.15385 11.4365L4.8423 5.12115C4.97948 4.80962 5.20929 4.54488 5.53172 4.32693C5.85416 4.10898 6.18782 4 6.5327 4H15.7269C16.1051 4 16.4304 4.13622 16.7029 4.40865C16.9753 4.68108 17.1115 5.0064 17.1115 5.3846V14.3346C17.1115 14.518 17.074 14.6949 16.999 14.8654C16.924 15.0359 16.8263 15.1878 16.7058 15.3212L11.6654 20.4443C11.5346 20.5878 11.3804 20.6782 11.2029 20.7154C11.0253 20.7526 10.859 20.7327 10.7038 20.6558C10.5615 20.5789 10.4548 20.4545 10.3837 20.2827C10.3125 20.1109 10.2974 19.918 10.3385 19.7039L11.2885 14.9154H3.3846ZM19.6519 4C20.0224 4 20.3398 4.13205 20.6038 4.39615C20.868 4.66025 21 4.97756 21 5.34807V13.5481C21 13.9186 20.868 14.2391 20.6038 14.5096C20.3398 14.7801 20.0224 14.9154 19.6519 14.9154H19.2288C18.8583 14.9154 18.541 14.7801 18.2769 14.5096C18.0128 14.2391 17.8808 13.9186 17.8808 13.5481V5.32885C17.8808 4.95833 18.0128 4.64423 18.2769 4.38653C18.541 4.12884 18.8583 4 19.2288 4H19.6519Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+};
+
+export default ThumbDownFilledIcon;

package/src/icons/ThumbDownIcon.tsx

@@ -0,0 +1,22 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ThumbDownIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M3.45181 14.9154C3.07744 14.9154 2.75308 14.7737 2.47873 14.4904C2.20437 14.2071 2.06718 13.8872 2.06718 13.5308V12.2717C2.06718 12.1768 2.0643 12.077 2.05853 11.9724C2.05277 11.8677 2.06848 11.7699 2.10566 11.6789L4.91038 5.11885C5.03212 4.80468 5.25921 4.53967 5.59166 4.3238C5.92411 4.10793 6.25613 4 6.58771 4H16.6614V14.9154L11.2095 20.5C11.0854 20.6308 10.9358 20.7138 10.7606 20.7491C10.5854 20.7843 10.4248 20.7603 10.2787 20.6769C10.1364 20.5936 10.0297 20.467 9.95854 20.2971C9.88738 20.1273 9.87162 19.9481 9.91124 19.7596L10.8691 14.9154H3.45181ZM15.8922 14.5789V4.76922H6.42873C6.30052 4.76922 6.15949 4.80769 6.00566 4.88463C5.85181 4.96154 5.73643 5.08974 5.65951 5.26922L2.83641 11.9942V13.5308C2.83641 13.6974 2.89411 13.8417 3.00951 13.9635C3.12489 14.0853 3.27233 14.1462 3.45181 14.1462H11.7768L10.6441 19.9289L15.8922 14.5789ZM19.621 4C20.0018 4 20.3278 4.13806 20.5989 4.41418C20.8701 4.69029 21.0057 5.01377 21.0057 5.3846V13.5308C21.0057 13.9016 20.8701 14.2251 20.5989 14.5012C20.3278 14.7773 20.0018 14.9154 19.621 14.9154H16.6614V14.1462H19.621C19.8005 14.1462 19.948 14.0853 20.0634 13.9635C20.1787 13.8417 20.2364 13.6974 20.2364 13.5308V5.3846C20.2364 5.20512 20.1787 5.05768 20.0634 4.9423C19.948 4.82692 19.8005 4.76922 19.621 4.76922H16.6614V4H19.621Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+};
+
+export default ThumbDownIcon;

package/src/icons/ThumbUpFilledIcon.tsx

@@ -0,0 +1,22 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ThumbUpFilledIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M8.27308 20C7.89488 20 7.56955 19.8638 7.2971 19.5914C7.02467 19.319 6.88845 18.9936 6.88845 18.6154V9.66542C6.88845 9.48208 6.92595 9.30516 7.00095 9.13464C7.07595 8.96414 7.17371 8.81223 7.29423 8.67889L12.3346 3.55579C12.4654 3.41221 12.6196 3.32183 12.7971 3.28464C12.9747 3.24748 13.141 3.26735 13.2962 3.34427C13.4385 3.42118 13.5452 3.54554 13.6164 3.71734C13.6875 3.88914 13.7026 4.08209 13.6615 4.29619L12.7116 9.08464H20.6154C20.9731 9.08464 21.2933 9.22599 21.576 9.50869C21.8587 9.79138 22 10.1116 22 10.4693V11.7308C22 11.8629 21.9856 12.0081 21.9567 12.1664C21.9279 12.3247 21.891 12.4571 21.8462 12.5635L19.1577 18.8789C19.0205 19.1904 18.7907 19.4552 18.4683 19.6731C18.1458 19.8911 17.8122 20 17.4673 20H8.27308ZM4.34808 20C3.97756 20 3.66025 19.868 3.39615 19.6039C3.13205 19.3398 3 19.0225 3 18.652V10.4327C3 10.075 3.13205 9.76093 3.39615 9.49042C3.66025 9.2199 3.97756 9.08464 4.34808 9.08464H4.77115C5.14167 9.08464 5.45898 9.2199 5.72308 9.49042C5.98718 9.76093 6.11923 10.075 6.11923 10.4327V18.6712C6.11923 19.0417 5.98718 19.3558 5.72308 19.6135C5.45898 19.8712 5.14167 20 4.77115 20H4.34808Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+};
+
+export default ThumbUpFilledIcon;

package/src/icons/ThumbUpIcon.tsx

@@ -0,0 +1,22 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ThumbUpIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M7.33837 20V9.0846L12.7903 3.5C12.9144 3.36923 13.064 3.28621 13.2392 3.25095C13.4144 3.2157 13.575 3.23974 13.7211 3.32307C13.8634 3.4064 13.9701 3.533 14.0413 3.70287C14.1124 3.87274 14.1282 4.0519 14.0886 4.24037L13.1307 9.0846H20.5672C20.9236 9.0846 21.2435 9.22626 21.5268 9.5096C21.8102 9.79293 21.9518 10.1128 21.9518 10.4692V11.7283C21.9518 11.8232 21.9515 11.923 21.9509 12.0276C21.9502 12.1323 21.9313 12.2301 21.8941 12.3211L19.1086 18.8811C18.9696 19.1975 18.7349 19.463 18.4047 19.6778C18.0746 19.8926 17.7437 20 17.4121 20H7.33837ZM8.10762 9.42115V19.2308H17.5711C17.6993 19.2308 17.8403 19.1923 17.9941 19.1154C18.148 19.0385 18.2634 18.9103 18.3403 18.7308L21.1826 12.0058V10.4692C21.1826 10.3026 21.1217 10.1583 20.9999 10.0365C20.8781 9.91474 20.7339 9.85385 20.5672 9.85385H12.223L13.3557 4.07115L8.10762 9.42115ZM4.37877 20C3.99798 20 3.67202 19.8619 3.40087 19.5858C3.12972 19.3097 2.99414 18.9862 2.99414 18.6154V10.4692C2.99414 10.0984 3.12972 9.77491 3.40087 9.4988C3.67202 9.22266 3.99798 9.0846 4.37877 9.0846H7.33837V9.85385H4.37877C4.19927 9.85385 4.05182 9.91474 3.93644 10.0365C3.82106 10.1583 3.76337 10.3026 3.76337 10.4692V18.6154C3.76337 18.7949 3.82106 18.9423 3.93644 19.0577C4.05182 19.1731 4.19927 19.2308 4.37877 19.2308H7.33837V20H4.37877Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+};
+
+export default ThumbUpIcon;

package/src/icons/TocIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const TocIcon = (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_8362"
+        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_8362)">
+        <path
+          d="M3.67505 8.49998V7.49998H17.05V8.49998H3.67505ZM3.67505 12.5V11.5H17.05V12.5H3.67505ZM3.67505 16.5V15.5H17.05V16.5H3.67505ZM19.675 16.65C19.4917 16.65 19.3377 16.5873 19.213 16.462C19.0877 16.3373 19.025 16.1833 19.025 16C19.025 15.8166 19.0877 15.6623 19.213 15.537C19.3377 15.4123 19.4917 15.35 19.675 15.35C19.8584 15.35 20.0127 15.4123 20.1381 15.537C20.2627 15.6623 20.3251 15.8166 20.3251 16C20.3251 16.1833 20.2627 16.3373 20.1381 16.462C20.0127 16.5873 19.8584 16.65 19.675 16.65ZM19.675 8.64998C19.4917 8.64998 19.3377 8.58731 19.213 8.46198C19.0877 8.33731 19.025 8.18331 19.025 7.99998C19.025 7.81664 19.0877 7.66231 19.213 7.53698C19.3377 7.41231 19.4917 7.34998 19.675 7.34998C19.8584 7.34998 20.0127 7.41231 20.1381 7.53698C20.2627 7.66231 20.3251 7.81664 20.3251 7.99998C20.3251 8.18331 20.2627 8.33731 20.1381 8.46198C20.0127 8.58731 19.8584 8.64998 19.675 8.64998ZM19.675 12.65C19.4917 12.65 19.3377 12.5873 19.213 12.462C19.0877 12.3373 19.025 12.1833 19.025 12C19.025 11.8166 19.0877 11.6623 19.213 11.537C19.3377 11.4123 19.4917 11.35 19.675 11.35C19.8584 11.35 20.0127 11.4123 20.1381 11.537C20.2627 11.6623 20.3251 11.8166 20.3251 12C20.3251 12.1833 20.2627 12.3373 20.1381 12.462C20.0127 12.5873 19.8584 12.65 19.675 12.65Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default TocIcon;

package/src/icons/TrainingsIcon.tsx

@@ -0,0 +1,37 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const TraningsIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M0.900024 9.09998V1.79998C0.900024 1.09998 1.40002 0.599976 2.10002 0.599976H21.9C22.6 0.599976 23.1 1.09998 23.1 1.79998V13.6C23.1 14.3 22.6 14.8 21.9 14.8H16.9"
+        stroke="#131316"
+        strokeWidth="1.2"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+      />
+      <path
+        d="M7.39998 10.5C8.94637 10.5 10.2 9.24642 10.2 7.70002C10.2 6.15363 8.94637 4.90002 7.39998 4.90002C5.85358 4.90002 4.59998 6.15363 4.59998 7.70002C4.59998 9.24642 5.85358 10.5 7.39998 10.5Z"
+        stroke="#131316"
+        strokeWidth="1.2"
+        strokeMiterlimit="10"
+      />
+      <path
+        d="M9.00002 11H5.80002C3.10002 11 0.900024 13.2 0.900024 15.9V16.5C0.900024 17 1.30002 17.4 1.80002 17.4H12.9C13.4 17.4 13.8 17 13.8 16.5V15.9C13.9 13.1 11.7 11 9.00002 11Z"
+        stroke="#131316"
+        strokeWidth="1.2"
+        strokeMiterlimit="10"
+      />
+    </Icon>
+  );
+};
+
+export default TraningsIcon;

package/src/icons/TrashDeleteBinIcon.tsx

@@ -0,0 +1,36 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const TrashDeleteBinIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 16 18"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M0.799805 4.2H15.1998M2.3998 4.2V15.4C2.3998 16.2837 3.11615 17 3.9998 17H11.9998C12.8835 17 13.5998 16.2837 13.5998 15.4V4.2M4.7998 4.2V2.6C4.7998 1.71634 5.51615 1 6.3998 1H9.5998C10.4835 1 11.1998 1.71634 11.1998 2.6V4.2"
+        stroke="#131316"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M9.59985 8.19995V13"
+        stroke="#131316"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M6.39978 8.19995V13"
+        stroke="#131316"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Icon>
+  );
+};
+
+export default TrashDeleteBinIcon;

package/src/icons/TrendingUpIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const TrendingUpIcon = (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_8827"
+        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_8827)">
+        <path
+          d="M2.95005 17.15C2.85005 17.0333 2.80005 16.9126 2.80005 16.788C2.80005 16.6626 2.85005 16.55 2.95005 16.45L8.75005 10.6C8.81672 10.5166 8.89605 10.4583 8.98805 10.425C9.07938 10.3916 9.18338 10.375 9.30005 10.375C9.41672 10.375 9.52105 10.3916 9.61305 10.425C9.70438 10.4583 9.79172 10.5166 9.87505 10.6L13.3 14.025L19.725 7.69995H16.9C16.7667 7.69995 16.65 7.64995 16.55 7.54995C16.45 7.44995 16.4 7.33328 16.4 7.19995C16.4 7.04995 16.45 6.92895 16.55 6.83695C16.65 6.74562 16.7667 6.69995 16.9 6.69995H20.6C20.8334 6.69995 21.025 6.77495 21.175 6.92495C21.325 7.07495 21.4 7.26662 21.4 7.49995V11.2C21.4 11.3333 21.3544 11.45 21.2631 11.55C21.1711 11.65 21.05 11.7 20.9 11.7C20.7667 11.7 20.65 11.65 20.55 11.55C20.45 11.45 20.4 11.3333 20.4 11.2V8.39995L13.875 14.925C13.7917 15.025 13.7 15.0916 13.6 15.125C13.5 15.1583 13.4 15.175 13.3 15.175C13.2 15.175 13.104 15.1583 13.012 15.125C12.9207 15.0916 12.8334 15.025 12.75 14.925L9.30005 11.5L3.62505 17.175C3.54172 17.2583 3.43738 17.3 3.31205 17.3C3.18738 17.3 3.06672 17.25 2.95005 17.15Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default TrendingUpIcon;

package/src/icons/UndoIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const UndoIcon = (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_9111"
+        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_9111)">
+        <path
+          d="M7.9039 18.5C7.76158 18.5 7.64267 18.4523 7.54717 18.3568C7.45166 18.2613 7.4039 18.1423 7.4039 18C7.4039 17.8577 7.45166 17.7388 7.54717 17.6433C7.64267 17.5478 7.76158 17.5 7.9039 17.5H14.0039C15.1949 17.5 16.226 17.1218 17.0972 16.3654C17.9683 15.609 18.4039 14.6539 18.4039 13.5C18.4039 12.3462 17.9683 11.3911 17.0972 10.6347C16.226 9.87824 15.1949 9.50003 14.0039 9.50003H6.5116L9.25775 12.2462C9.35133 12.3398 9.40133 12.4545 9.40775 12.5904C9.41415 12.7263 9.36415 12.8475 9.25775 12.9539C9.15133 13.0603 9.03338 13.1135 8.9039 13.1135C8.77442 13.1135 8.65647 13.0603 8.55005 12.9539L5.16157 9.5654C5.07441 9.47824 5.01319 9.38913 4.97792 9.2981C4.94267 9.20708 4.92505 9.10773 4.92505 9.00003C4.92505 8.89233 4.94267 8.79297 4.97792 8.70195C5.01319 8.61092 5.07441 8.52182 5.16157 8.43465L8.55005 5.04618C8.64363 4.95259 8.75837 4.90259 8.89427 4.89618C9.03017 4.88976 9.15133 4.93976 9.25775 5.04618C9.36415 5.15259 9.41735 5.27054 9.41735 5.40003C9.41735 5.52951 9.36415 5.64746 9.25775 5.75388L6.5116 8.50003H14.0039C15.4667 8.50003 16.7324 8.97695 17.801 9.9308C18.8696 10.8846 19.4039 12.0744 19.4039 13.5C19.4039 14.9257 18.8696 16.1154 17.801 17.0693C16.7324 18.0231 15.4667 18.5 14.0039 18.5H7.9039Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default UndoIcon;

package/src/icons/UnfoldMoreIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const UnfoldMoreIcon = (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_8993"
+        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_8993)">
+        <path
+          d="M8.52497 7.94995C8.40831 7.84995 8.34998 7.73328 8.34998 7.59995C8.34998 7.46662 8.40831 7.34995 8.52497 7.24995L11.425 4.32495C11.525 4.24162 11.621 4.17895 11.713 4.13695C11.8043 4.09562 11.9 4.07495 12 4.07495C12.1 4.07495 12.2 4.09562 12.3 4.13695C12.4 4.17895 12.4916 4.24162 12.575 4.32495L15.5 7.24995C15.6 7.34995 15.65 7.46662 15.65 7.59995C15.65 7.73328 15.5916 7.84995 15.475 7.94995C15.375 8.06662 15.2583 8.12495 15.125 8.12495C14.9916 8.12495 14.875 8.06662 14.775 7.94995L12 5.19995L9.22498 7.97495C9.12498 8.07495 9.00831 8.12495 8.87498 8.12495C8.74164 8.12495 8.62497 8.06662 8.52497 7.94995ZM12 19.95C11.9 19.95 11.8043 19.929 11.713 19.887C11.621 19.8456 11.525 19.7833 11.425 19.7L8.52497 16.775C8.40831 16.675 8.34998 16.5583 8.34998 16.425C8.34998 16.2916 8.40831 16.175 8.52497 16.075C8.62497 15.9583 8.74164 15.9 8.87498 15.9C9.00831 15.9 9.12498 15.9583 9.22498 16.075L12 18.825L14.775 16.05C14.875 15.95 14.9916 15.9 15.125 15.9C15.2583 15.9 15.375 15.9583 15.475 16.075C15.5916 16.175 15.65 16.2916 15.65 16.425C15.65 16.5583 15.5916 16.675 15.475 16.775L12.575 19.7C12.4916 19.7833 12.4 19.8456 12.3 19.887C12.2 19.929 12.1 19.95 12 19.95Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default UnfoldMoreIcon;

package/src/icons/UploadIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const UploadIcon = (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_8401"
+        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_8401)">
+        <path
+          d="M11.5 15.225V6.57502L9.175 8.90002L8.45 8.20002L12 4.65002L15.55 8.20002L14.825 8.90002L12.5 6.57502V15.225H11.5ZM6.625 19C6.15833 19 5.771 18.846 5.463 18.538C5.15433 18.2294 5 17.8417 5 17.375V15H6V17.375C6 17.5417 6.06267 17.6874 6.188 17.812C6.31267 17.9374 6.45833 18 6.625 18H17.375C17.5417 18 17.6873 17.9374 17.812 17.812C17.9373 17.6874 18 17.5417 18 17.375V15H19V17.375C19 17.8417 18.846 18.2294 18.538 18.538C18.2293 18.846 17.8417 19 17.375 19H6.625Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default UploadIcon;

package/src/icons/VerifiedIcon.tsx

@@ -0,0 +1,24 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const VerifiedIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.9858 0C9.46354 0 9.92545 0.171326 10.2876 0.482869C10.5526 0.710011 10.8159 0.939055 11.0775 1.16998C11.4211 1.101 11.7687 1.03202 12.119 0.965742C12.5887 0.876759 13.0748 0.959285 13.4888 1.19832C13.9028 1.43735 14.2173 1.81701 14.3751 2.26828C14.4902 2.59705 14.6029 2.92664 14.7133 3.25703C15.0491 3.36954 15.3841 3.48451 15.7182 3.60194C16.169 3.75996 16.5481 4.07436 16.7869 4.48806C17.0256 4.90177 17.1081 5.38736 17.0194 5.8567C16.954 6.20717 16.8854 6.55706 16.8138 6.90631C17.0502 7.17329 17.2847 7.44201 17.5171 7.71245C17.8287 8.07465 18 8.53656 18 9.01432C18 9.49207 17.8287 9.95398 17.5171 10.3162C17.2858 10.5867 17.0519 10.8532 16.8192 11.1169C16.8883 11.4586 16.9551 11.8009 17.0194 12.1435C17.1081 12.6129 17.0256 13.0985 16.7869 13.5122C16.5481 13.9259 16.169 14.2403 15.7182 14.3983C15.3814 14.516 15.0473 14.6309 14.7119 14.7432C14.6037 15.0719 14.4901 15.4006 14.3738 15.7319C14.216 16.1829 13.9017 16.5624 13.488 16.8014C13.0743 17.0404 12.5885 17.1231 12.119 17.0345C11.7768 16.9696 11.4373 16.9033 11.1005 16.8343C10.8407 17.0644 10.5792 17.2925 10.3161 17.5187L10.3154 17.5179C10.3152 17.5181 10.3156 17.5177 10.3154 17.5179C9.95329 17.8291 9.49165 18.0002 9.0142 18.0002C8.53646 18.0002 8.07455 17.8289 7.71235 17.5174C7.4459 17.2888 7.1835 17.0602 6.9238 16.8302C6.5789 16.8992 6.23129 16.9682 5.88097 17.0345C4.90983 17.2171 3.95221 16.6652 3.62488 15.7319C3.50992 15.4006 3.39765 15.0719 3.28674 14.7432C2.95266 14.6309 2.61857 14.516 2.28178 14.3983C1.83104 14.2403 1.45188 13.9259 1.21314 13.5122C0.974405 13.0985 0.891902 12.6129 0.980608 12.1435C1.04657 11.7932 1.1151 11.4433 1.1862 11.0939C0.950852 10.8288 0.716857 10.561 0.482862 10.2878C0.171324 9.92558 0 9.46367 0 8.98591C0 8.50816 0.171324 8.04625 0.482862 7.68405C0.715505 7.41353 0.948147 7.14707 1.18079 6.88331C1.11181 6.54382 1.04553 6.20161 0.980608 5.8567C0.891902 5.38736 0.974405 4.90177 1.21314 4.48806C1.45188 4.07436 1.83104 3.75996 2.28178 3.60194C2.61857 3.48426 2.95266 3.36929 3.28809 3.25703C3.3963 2.9297 3.50992 2.59967 3.62624 2.26828C3.78401 1.81728 4.0983 1.43782 4.51202 1.19881C4.92575 0.959809 5.41147 0.877112 5.88097 0.965742C6.22317 1.03067 6.56267 1.0983 6.90081 1.16593C7.16021 0.936357 7.42126 0.708665 7.68395 0.482869C8.04614 0.171326 8.50805 0 8.9858 0ZM12.109 6.16036L7.7314 10.6904L5.89773 8.77951C5.79442 8.67261 5.67175 8.61915 5.5297 8.61915C5.38765 8.61915 5.26498 8.67261 5.16167 8.77951C5.05837 8.88641 5.00456 9.01336 5.00026 9.16036C4.99595 9.30735 5.04545 9.4343 5.14876 9.5412L7.36983 11.8396C7.47314 11.9465 7.59366 12 7.7314 12C7.86915 12 7.98967 11.9465 8.09297 11.8396L12.845 6.92205C12.9483 6.81514 13 6.6882 13 6.5412C13 6.39421 12.9483 6.26726 12.845 6.16036C12.7417 6.05345 12.6191 6 12.477 6C12.335 6 12.2123 6.05345 12.109 6.16036Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+};
+
+export default VerifiedIcon;

package/src/icons/ViewAgendaIcon.tsx

@@ -0,0 +1,22 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ViewAgendaIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M5.3846 10.7308C5.00032 10.7308 4.67347 10.5961 4.40407 10.3267C4.13469 10.0573 4 9.73043 4 9.34613V5.99998C4 5.61568 4.13469 5.28883 4.40407 5.01943C4.67347 4.75005 5.00032 4.61536 5.3846 4.61536H18.6154C18.9997 4.61536 19.3265 4.75005 19.5959 5.01943C19.8653 5.28883 20 5.61568 20 5.99998V9.34613C20 9.73043 19.8653 10.0573 19.5959 10.3267C19.3265 10.5961 18.9997 10.7308 18.6154 10.7308H5.3846ZM5.3846 9.96151H18.6154C18.7692 9.96151 18.9103 9.89741 19.0385 9.76921C19.1667 9.64101 19.2308 9.49998 19.2308 9.34613V5.99998C19.2308 5.84613 19.1667 5.70511 19.0385 5.57691C18.9103 5.44869 18.7692 5.38458 18.6154 5.38458H5.3846C5.23077 5.38458 5.08974 5.44869 4.96152 5.57691C4.83332 5.70511 4.76922 5.84613 4.76922 5.99998V9.34613C4.76922 9.49998 4.83332 9.64101 4.96152 9.76921C5.08974 9.89741 5.23077 9.96151 5.3846 9.96151ZM5.3846 19.3846C5.00032 19.3846 4.67347 19.2499 4.40407 18.9805C4.13469 18.7111 4 18.3843 4 18V14.6538C4 14.2695 4.13469 13.9427 4.40407 13.6733C4.67347 13.4039 5.00032 13.2692 5.3846 13.2692H18.6154C18.9997 13.2692 19.3265 13.4039 19.5959 13.6733C19.8653 13.9427 20 14.2695 20 14.6538V18C20 18.3843 19.8653 18.7111 19.5959 18.9805C19.3265 19.2499 18.9997 19.3846 18.6154 19.3846H5.3846ZM5.3846 18.6154H18.6154C18.7692 18.6154 18.9103 18.5513 19.0385 18.4231C19.1667 18.2949 19.2308 18.1538 19.2308 18V14.6538C19.2308 14.5 19.1667 14.359 19.0385 14.2308C18.9103 14.1026 18.7692 14.0385 18.6154 14.0385H5.3846C5.23077 14.0385 5.08974 14.1026 4.96152 14.2308C4.83332 14.359 4.76922 14.5 4.76922 14.6538V18C4.76922 18.1538 4.83332 18.2949 4.96152 18.4231C5.08974 18.5513 5.23077 18.6154 5.3846 18.6154Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+};
+
+export default ViewAgendaIcon;