mainstack-design-system 0.0.0

package/src/icons/RemoveIcon.tsx

@@ -0,0 +1,32 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const RemoveIcon = (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_8806"
+        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_8806)">
+        <path d="M5.5 12.5V11.5H18.5V12.5H5.5Z" fill="currentColor" />
+      </g>
+    </Icon>
+  );
+};
+
+export default RemoveIcon;

package/src/icons/RemoveRoadIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const RemoveRoadIcon = (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_8860"
+        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_8860)">
+        <path
+          d="M17.5 12.45V5C17.5 4.85 17.55 4.729 17.65 4.637C17.75 4.54567 17.8667 4.5 18 4.5C18.15 4.5 18.271 4.54567 18.363 4.637C18.4543 4.729 18.5 4.85 18.5 5V12.45C18.5 12.6 18.45 12.7207 18.35 12.812C18.25 12.904 18.1333 12.95 18 12.95C17.85 12.95 17.7293 12.904 17.638 12.812C17.546 12.7207 17.5 12.6 17.5 12.45ZM5.5 19.225V5C5.5 4.85 5.55 4.729 5.65 4.637C5.75 4.54567 5.86667 4.5 6 4.5C6.15 4.5 6.271 4.54567 6.363 4.637C6.45433 4.729 6.5 4.85 6.5 5V19.225C6.5 19.375 6.45 19.4957 6.35 19.587C6.25 19.679 6.13333 19.725 6 19.725C5.85 19.725 5.72933 19.679 5.638 19.587C5.546 19.4957 5.5 19.375 5.5 19.225ZM11.5 7.225V5C11.5 4.85 11.55 4.729 11.65 4.637C11.75 4.54567 11.8667 4.5 12 4.5C12.15 4.5 12.271 4.54567 12.363 4.637C12.4543 4.729 12.5 4.85 12.5 5V7.225C12.5 7.375 12.45 7.49567 12.35 7.587C12.25 7.679 12.1333 7.725 12 7.725C11.85 7.725 11.729 7.679 11.637 7.587C11.5457 7.49567 11.5 7.375 11.5 7.225ZM11.5 13.225V11C11.5 10.85 11.55 10.729 11.65 10.637C11.75 10.5457 11.8667 10.5 12 10.5C12.15 10.5 12.271 10.5457 12.363 10.637C12.4543 10.729 12.5 10.85 12.5 11V13.225C12.5 13.375 12.45 13.4957 12.35 13.587C12.25 13.679 12.1333 13.725 12 13.725C11.85 13.725 11.729 13.679 11.637 13.587C11.5457 13.4957 11.5 13.375 11.5 13.225ZM11.5 19.225V17C11.5 16.85 11.55 16.729 11.65 16.637C11.75 16.5457 11.8667 16.5 12 16.5C12.15 16.5 12.271 16.5457 12.363 16.637C12.4543 16.729 12.5 16.85 12.5 17V19.225C12.5 19.375 12.45 19.4957 12.35 19.587C12.25 19.679 12.1333 19.725 12 19.725C11.85 19.725 11.729 19.679 11.637 19.587C11.5457 19.4957 11.5 19.375 11.5 19.225ZM18 19.425L16.225 21.175C16.125 21.275 16.0083 21.325 15.875 21.325C15.7417 21.325 15.625 21.275 15.525 21.175C15.425 21.0917 15.375 20.979 15.375 20.837C15.375 20.6957 15.425 20.5833 15.525 20.5L17.3 18.725L15.525 16.95C15.425 16.85 15.375 16.7333 15.375 16.6C15.375 16.4667 15.425 16.35 15.525 16.25C15.625 16.15 15.7417 16.1 15.875 16.1C16.0083 16.1 16.125 16.15 16.225 16.25L18 18.025L19.75 16.25C19.85 16.15 19.9667 16.0957 20.1 16.087C20.2333 16.079 20.3583 16.1333 20.475 16.25C20.575 16.35 20.625 16.4667 20.625 16.6C20.625 16.7333 20.575 16.85 20.475 16.95L18.725 18.7L20.475 20.475C20.5583 20.575 20.6043 20.6917 20.613 20.825C20.621 20.9583 20.575 21.075 20.475 21.175C20.3583 21.2917 20.2377 21.35 20.113 21.35C19.9877 21.35 19.8667 21.3 19.75 21.2L18 19.425Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default RemoveRoadIcon;

package/src/icons/ReportFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ReportFilledIcon = (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_35550"
+        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_35550)">
+        <path
+          d="M12 16.7115C12.2288 16.7115 12.4207 16.6341 12.5755 16.4793C12.7303 16.3245 12.8077 16.1327 12.8077 15.9038C12.8077 15.675 12.7303 15.4832 12.5755 15.3284C12.4207 15.1735 12.2288 15.0961 12 15.0961C11.7711 15.0961 11.5793 15.1735 11.4245 15.3284C11.2697 15.4832 11.1923 15.675 11.1923 15.9038C11.1923 16.1327 11.2697 16.3245 11.4245 16.4793C11.5793 16.6341 11.7711 16.7115 12 16.7115ZM12.0003 13.2308C12.2129 13.2308 12.391 13.1589 12.5346 13.0152C12.6782 12.8714 12.75 12.6933 12.75 12.4808V7.94228C12.75 7.72978 12.6781 7.55166 12.5343 7.40793C12.3904 7.26418 12.2122 7.1923 11.9997 7.1923C11.7871 7.1923 11.609 7.26418 11.4654 7.40793C11.3218 7.55166 11.25 7.72978 11.25 7.94228V12.4808C11.25 12.6933 11.3219 12.8714 11.4657 13.0152C11.6095 13.1589 11.7877 13.2308 12.0003 13.2308ZM9.2096 20.5C8.96573 20.5 8.73329 20.4532 8.51228 20.3596C8.29126 20.266 8.0987 20.1371 7.9346 19.973L4.02692 16.0654C3.86282 15.9013 3.73398 15.7087 3.6404 15.4877C3.5468 15.2667 3.5 15.0342 3.5 14.7904V9.2096C3.5 8.96573 3.5468 8.73329 3.6404 8.51228C3.73398 8.29126 3.86282 8.0987 4.02692 7.9346L7.9346 4.02693C8.0987 3.86283 8.29126 3.73398 8.51228 3.6404C8.73329 3.5468 8.96573 3.5 9.2096 3.5H14.7904C15.0342 3.5 15.2667 3.5468 15.4877 3.6404C15.7087 3.73398 15.9013 3.86283 16.0654 4.02693L19.973 7.9346C20.1371 8.0987 20.266 8.29126 20.3596 8.51228C20.4531 8.73329 20.5 8.96573 20.5 9.2096V14.7904C20.5 15.0342 20.4531 15.2667 20.3596 15.4877C20.266 15.7087 20.1371 15.9013 19.973 16.0654L16.0654 19.973C15.9013 20.1371 15.7087 20.266 15.4877 20.3596C15.2667 20.4532 15.0342 20.5 14.7904 20.5H9.2096Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ReportFilledIcon;

package/src/icons/ReportIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ReportIcon = (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_35543"
+        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_35543)">
+        <path
+          d="M12 16.7115C12.2288 16.7115 12.4207 16.6341 12.5755 16.4793C12.7303 16.3245 12.8077 16.1327 12.8077 15.9038C12.8077 15.675 12.7303 15.4832 12.5755 15.3284C12.4207 15.1735 12.2288 15.0961 12 15.0961C11.7711 15.0961 11.5793 15.1735 11.4245 15.3284C11.2697 15.4832 11.1923 15.675 11.1923 15.9038C11.1923 16.1327 11.2697 16.3245 11.4245 16.4793C11.5793 16.6341 11.7711 16.7115 12 16.7115ZM12.0003 13.2308C12.2129 13.2308 12.391 13.1589 12.5346 13.0152C12.6782 12.8714 12.75 12.6933 12.75 12.4808V7.94228C12.75 7.72978 12.6781 7.55166 12.5343 7.40793C12.3904 7.26418 12.2122 7.1923 11.9997 7.1923C11.7871 7.1923 11.609 7.26418 11.4654 7.40793C11.3218 7.55166 11.25 7.72978 11.25 7.94228V12.4808C11.25 12.6933 11.3219 12.8714 11.4657 13.0152C11.6095 13.1589 11.7877 13.2308 12.0003 13.2308ZM9.2096 20.5C8.96573 20.5 8.73329 20.4532 8.51228 20.3596C8.29126 20.266 8.0987 20.1371 7.9346 19.973L4.02692 16.0654C3.86282 15.9013 3.73398 15.7087 3.6404 15.4877C3.5468 15.2667 3.5 15.0342 3.5 14.7904V9.2096C3.5 8.96573 3.5468 8.73329 3.6404 8.51228C3.73398 8.29126 3.86282 8.0987 4.02692 7.9346L7.9346 4.02693C8.0987 3.86283 8.29126 3.73398 8.51228 3.6404C8.73329 3.5468 8.96573 3.5 9.2096 3.5H14.7904C15.0342 3.5 15.2667 3.5468 15.4877 3.6404C15.7087 3.73398 15.9013 3.86283 16.0654 4.02693L19.973 7.9346C20.1371 8.0987 20.266 8.29126 20.3596 8.51228C20.4531 8.73329 20.5 8.96573 20.5 9.2096V14.7904C20.5 15.0342 20.4531 15.2667 20.3596 15.4877C20.266 15.7087 20.1371 15.9013 19.973 16.0654L16.0654 19.973C15.9013 20.1371 15.7087 20.266 15.4877 20.3596C15.2667 20.4532 15.0342 20.5 14.7904 20.5H9.2096ZM9.09998 19H14.9L19 14.9V9.09998L14.9 4.99998H9.09998L4.99997 9.09998V14.9L9.09998 19Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ReportIcon;

package/src/icons/ReviewsIcon.tsx

@@ -0,0 +1,43 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ReviewsIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <mask
+          id="mask0_1416_6544"
+          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_1416_6544)">
+          <path
+            d="M12 12.3211L13.7846 13.4038C13.9487 13.5077 14.1128 13.5019 14.2769 13.3865C14.441 13.2711 14.5012 13.1147 14.4577 12.9173L13.9865 10.8865L15.5711 9.5173C15.725 9.38012 15.7718 9.21858 15.7115 9.03268C15.6512 8.84678 15.5173 8.74549 15.3096 8.72883L13.2288 8.55383L12.4115 6.63845C12.3346 6.45768 12.1974 6.3673 12 6.3673C11.8025 6.3673 11.6654 6.45768 11.5885 6.63845L10.7711 8.55383L8.69038 8.72883C8.48269 8.74549 8.34872 8.84678 8.28845 9.03268C8.2282 9.21858 8.275 9.38012 8.42885 9.5173L10.0135 10.8865L9.5423 12.9173C9.49872 13.1147 9.55898 13.2711 9.72308 13.3865C9.88718 13.5019 10.0513 13.5077 10.2154 13.4038L12 12.3211ZM6.03845 17.5L4.03655 19.5019C3.75193 19.7865 3.42469 19.8509 3.05483 19.6951C2.68494 19.5393 2.5 19.2589 2.5 18.8538V4.3077C2.5 3.80257 2.675 3.375 3.025 3.025C3.375 2.675 3.80257 2.5 4.3077 2.5H19.6923C20.1974 2.5 20.625 2.675 20.975 3.025C21.325 3.375 21.5 3.80257 21.5 4.3077V15.6923C21.5 16.1974 21.325 16.625 20.975 16.975C20.625 17.325 20.1974 17.5 19.6923 17.5H6.03845ZM5.4 16H19.6923C19.7692 16 19.8397 15.9679 19.9038 15.9038C19.9679 15.8397 20 15.7692 20 15.6923V4.3077C20 4.23077 19.9679 4.16024 19.9038 4.09613C19.8397 4.03203 19.7692 3.99998 19.6923 3.99998H4.3077C4.23077 3.99998 4.16024 4.03203 4.09613 4.09613C4.03202 4.16024 3.99998 4.23077 3.99998 4.3077V17.3846L5.4 16Z"
+            fill="currentColor"
+          />
+        </g>
+      </svg>
+    </Icon>
+  );
+};
+
+export default ReviewsIcon;

package/src/icons/SavingsFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const SavingsFilledIcon = (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_8893"
+        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_8893)">
+        <path
+          d="M16 10.775C16.2 10.775 16.3793 10.6957 16.538 10.537C16.696 10.379 16.775 10.2 16.775 10C16.775 9.8 16.696 9.62067 16.538 9.462C16.3793 9.304 16.2 9.225 16 9.225C15.8 9.225 15.621 9.304 15.463 9.462C15.3043 9.62067 15.225 9.8 15.225 10C15.225 10.2 15.3043 10.379 15.463 10.537C15.621 10.6957 15.8 10.775 16 10.775ZM8.5 8.5H12.5C12.6333 8.5 12.75 8.45 12.85 8.35C12.95 8.25 13 8.13333 13 8C13 7.85 12.95 7.729 12.85 7.637C12.75 7.54567 12.6333 7.5 12.5 7.5H8.5C8.36667 7.5 8.25 7.55 8.15 7.65C8.05 7.75 8 7.86667 8 8C8 8.15 8.05 8.271 8.15 8.363C8.25 8.45433 8.36667 8.5 8.5 8.5ZM6.475 20C6.14167 20 5.825 19.8833 5.525 19.65C5.225 19.4167 5.025 19.1417 4.925 18.825C4.50833 17.3417 4.175 16.1123 3.925 15.137C3.675 14.1623 3.48333 13.3417 3.35 12.675C3.21667 12.0083 3.125 11.4333 3.075 10.95C3.025 10.4667 3 9.98333 3 9.5C3 8.25 3.43733 7.18733 4.312 6.312C5.18733 5.43733 6.25 5 7.5 5H13C13.45 4.4 13.9793 3.91667 14.588 3.55C15.196 3.18333 15.8333 3 16.5 3C16.6333 3 16.75 3.05 16.85 3.15C16.95 3.25 17 3.36667 17 3.5C17 3.53333 16.996 3.56667 16.988 3.6C16.9793 3.63333 16.9667 3.66667 16.95 3.7C16.8667 3.91667 16.7873 4.16233 16.712 4.437C16.6373 4.71233 16.5583 5.09167 16.475 5.575L19.4 8.5H20.2C20.4167 8.5 20.6043 8.57933 20.763 8.738C20.921 8.896 21 9.08333 21 9.3V13.15C21 13.3333 20.95 13.4957 20.85 13.637C20.75 13.779 20.6083 13.875 20.425 13.925L18.375 14.6L17.1 18.85C16.9833 19.2 16.7833 19.4793 16.5 19.688C16.2167 19.896 15.9 20 15.55 20H14.625C14.175 20 13.7917 19.8417 13.475 19.525C13.1583 19.2083 13 18.825 13 18.375V18H9V18.375C9 18.825 8.84167 19.2083 8.525 19.525C8.20833 19.8417 7.825 20 7.375 20H6.475Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default SavingsFilledIcon;

package/src/icons/SavingsIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const SavingsIcon = (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_8755"
+        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_8755)">
+        <path
+          d="M16 10.775C16.2 10.775 16.3793 10.6957 16.538 10.537C16.696 10.379 16.775 10.2 16.775 10C16.775 9.8 16.696 9.62067 16.538 9.462C16.3793 9.304 16.2 9.225 16 9.225C15.8 9.225 15.621 9.304 15.463 9.462C15.3043 9.62067 15.225 9.8 15.225 10C15.225 10.2 15.3043 10.379 15.463 10.537C15.621 10.6957 15.8 10.775 16 10.775ZM8 8.5H13V7.5H8V8.5ZM5.25 20C4.76667 18.2667 4.37933 16.8457 4.088 15.737C3.796 14.629 3.571 13.696 3.413 12.938C3.25433 12.1793 3.146 11.5457 3.088 11.037C3.02933 10.529 3 10.0167 3 9.5C3 8.25 3.43733 7.18733 4.312 6.312C5.18733 5.43733 6.25 5 7.5 5H13C13.45 4.4 13.9793 3.91667 14.588 3.55C15.196 3.18333 15.8333 3 16.5 3C16.6333 3 16.75 3.05 16.85 3.15C16.95 3.25 17 3.36667 17 3.5C17 3.53333 16.996 3.56667 16.988 3.6C16.9793 3.63333 16.9667 3.66667 16.95 3.7C16.8667 3.91667 16.7873 4.16233 16.712 4.437C16.6373 4.71233 16.5583 5.09167 16.475 5.575L19.4 8.5H21V13.75L18.375 14.6L16.75 20H13V18H9V20H5.25ZM6 19H8V17H14V19H16L17.55 13.85L20 13.025V9.5H19L15.5 6C15.5 5.7 15.525 5.379 15.575 5.037C15.625 4.69567 15.7 4.39167 15.8 4.125C15.35 4.24167 14.9333 4.479 14.55 4.837C14.1667 5.19567 13.875 5.58333 13.675 6H7.5C6.53333 6 5.70833 6.34167 5.025 7.025C4.34167 7.70833 4 8.53333 4 9.5C4 10.1833 4.175 11.354 4.525 13.012C4.875 14.6707 5.36667 16.6667 6 19Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default SavingsIcon;

package/src/icons/ScheduleIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ScheduleIcon = (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_8722"
+        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_8722)">
+        <path
+          d="M12.75 11.6961V7.74995C12.75 7.53747 12.6781 7.35935 12.5343 7.2156C12.3904 7.07185 12.2122 6.99998 11.9997 6.99998C11.7871 6.99998 11.609 7.07185 11.4654 7.2156C11.3218 7.35935 11.25 7.53747 11.25 7.74995V11.9269C11.25 12.0446 11.2718 12.1587 11.3154 12.269C11.359 12.3794 11.4276 12.4814 11.5212 12.575L14.9462 16C15.0846 16.1384 15.2587 16.2093 15.4683 16.2125C15.6779 16.2157 15.8551 16.1448 16 16C16.1448 15.8551 16.2173 15.6795 16.2173 15.4731C16.2173 15.2667 16.1448 15.091 16 14.9462L12.75 11.6961ZM12.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.5ZM12 20C14.2166 20 16.1041 19.2208 17.6625 17.6625C19.2208 16.1041 20 14.2166 20 12C20 9.78331 19.2208 7.89581 17.6625 6.33748C16.1041 4.77914 14.2166 3.99998 12 3.99998C9.78331 3.99998 7.89581 4.77914 6.33748 6.33748C4.77914 7.89581 3.99998 9.78331 3.99998 12C3.99998 14.2166 4.77914 16.1041 6.33748 17.6625C7.89581 19.2208 9.78331 20 12 20Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ScheduleIcon;

package/src/icons/ScheduleSendIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ScheduleSendIcon = (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_9094"
+        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_9094)">
+        <path
+          d="M4.19226 17.3144V6.61419C4.19226 6.31239 4.31245 6.08168 4.55284 5.92207C4.79322 5.76245 5.04803 5.7429 5.31726 5.86342L16.473 10.6346H16.4038C16.1025 10.6602 15.7993 10.7045 15.4942 10.7673C15.1891 10.8301 14.923 10.9141 14.6961 11.0192L5.19226 6.99997V10.8846L10.0384 12L5.19226 13.1153V17L11.2269 14.4307C11.1448 14.6218 11.0769 14.831 11.023 15.0586C10.9692 15.2862 10.9359 15.4782 10.923 15.6346V15.6461L5.32304 18.0596C5.0538 18.1801 4.79803 18.1615 4.55571 18.0037C4.31341 17.846 4.19226 17.6162 4.19226 17.3144ZM16.8077 20.6154C15.6935 20.6154 14.7484 20.2272 13.9721 19.4509C13.1958 18.6747 12.8076 17.7295 12.8076 16.6153C12.8076 15.5012 13.1958 14.5561 13.9721 13.7798C14.7484 13.0035 15.6935 12.6153 16.8077 12.6153C17.9218 12.6153 18.867 13.0035 19.6432 13.7798C20.4195 14.5561 20.8077 15.5012 20.8077 16.6153C20.8077 17.7295 20.4195 18.6747 19.6432 19.4509C18.867 20.2272 17.9218 20.6154 16.8077 20.6154ZM18.7307 18.5384C18.8179 18.4513 18.8615 18.3602 18.8615 18.2653C18.8615 18.1705 18.8179 18.0794 18.7307 17.9923L17.1923 16.4619V14.1153C17.1923 14.0128 17.1538 13.923 17.0769 13.8461C17 13.7692 16.9102 13.7307 16.8077 13.7307C16.7051 13.7307 16.6153 13.7692 16.5384 13.8461C16.4615 13.923 16.423 14.0128 16.423 14.1153V16.5153C16.423 16.6057 16.4397 16.6886 16.473 16.7639C16.5064 16.8392 16.5519 16.9057 16.6096 16.9634L18.1846 18.5384C18.2589 18.6128 18.3468 18.6532 18.448 18.6596C18.5493 18.666 18.6436 18.6256 18.7307 18.5384Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ScheduleSendIcon;

package/src/icons/SearchNormalIcon.tsx

@@ -0,0 +1,32 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const SearchNormalIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z"
+        stroke="#131316"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M22 22L20 20"
+        stroke="#131316"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Icon>
+  );
+};
+
+export default SearchNormalIcon;

package/src/icons/SellIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const SellIcon = (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_8527"
+        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_8527)">
+        <path
+          d="M12.85 21C12.7167 21 12.5877 20.975 12.463 20.925C12.3377 20.875 12.225 20.8 12.125 20.7L3.325 11.9C3.225 11.8 3.146 11.6873 3.088 11.562C3.02933 11.4373 3 11.3 3 11.15V4C3 3.73333 3.1 3.5 3.3 3.3C3.5 3.1 3.73333 3 4 3H11.15C11.2833 3 11.4127 3.025 11.538 3.075C11.6627 3.125 11.775 3.2 11.875 3.3L20.675 12.1C20.875 12.3 20.9793 12.5457 20.988 12.837C20.996 13.129 20.9 13.3667 20.7 13.55L13.55 20.7C13.4667 20.8 13.3627 20.875 13.238 20.925C13.1127 20.975 12.9833 21 12.85 21ZM12.825 20L20 12.85L11.15 4H4V11.15L12.825 20ZM6.5 7.5C6.78333 7.5 7.021 7.40433 7.213 7.213C7.40433 7.021 7.5 6.78333 7.5 6.5C7.5 6.21667 7.40433 5.979 7.213 5.787C7.021 5.59567 6.78333 5.5 6.5 5.5C6.21667 5.5 5.979 5.59567 5.787 5.787C5.59567 5.979 5.5 6.21667 5.5 6.5C5.5 6.78333 5.59567 7.021 5.787 7.213C5.979 7.40433 6.21667 7.5 6.5 7.5Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default SellIcon;

package/src/icons/SendIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const SendIcon = (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_8761"
+        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_8761)">
+        <path
+          d="M4 18.5V5.5L19.425 12L4 18.5ZM5 17L16.85 12L5 7V10.875L9.85 12L5 13.125V17ZM5 17V7V10.875V13.125V17Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default SendIcon;

package/src/icons/ServicesIcon.tsx

@@ -0,0 +1,39 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ServicesIcon = (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="M8.60002 15C9.81505 15 10.8 14.015 10.8 12.8C10.8 11.5849 9.81505 10.6 8.60002 10.6C7.385 10.6 6.40002 11.5849 6.40002 12.8C6.40002 14.015 7.385 15 8.60002 15Z"
+        stroke="#131316"
+        strokeWidth="1.2"
+        strokeMiterlimit="10"
+      />
+      <path
+        d="M14.4 11.3L13.1 12.1C13 12.2 12.9 12.3 12.9 12.4C12.9 12.6 12.9 12.7 12.9 12.8C12.9 13 12.9 13.1 12.9 13.3C12.9 13.4 13 13.6 13.1 13.6L14.4 14.4L12.8 17.1L11.5 16.3C11.4 16.2 11.2 16.2 11.1 16.3C10.9 16.5 10.6 16.6 10.4 16.7C10.3 16.8 10.2 16.9 10.2 17V18.4H7.20005V17C7.20005 16.9 7.10005 16.7 7.00005 16.7C6.70005 16.6 6.40005 16.4 6.20005 16.3C6.10005 16.2 6.10005 16.2 6.00005 16.2C5.90005 16.2 5.90005 16.2 5.80005 16.3L4.40005 17L2.80005 14.2L4.10005 13.4C4.20005 13.3 4.30005 13.2 4.30005 13.1C4.30005 12.9 4.30005 12.8 4.30005 12.7C4.30005 12.6 4.30005 12.4 4.30005 12.2C4.30005 12.1 4.20005 11.9 4.10005 11.9L2.80005 11.1L4.40005 8.39997L5.80005 9.19998C5.90005 9.29998 6.10005 9.29998 6.20005 9.19998C6.40005 8.99998 6.60005 8.89998 6.90005 8.79998C7.00005 8.69998 7.10005 8.59998 7.10005 8.49998V7.09998H10.1V8.49998C10.1 8.59998 10.2 8.79998 10.3 8.79998C10.6 8.89998 10.8 9.09998 11 9.19998C11.1 9.29998 11.3 9.29998 11.4 9.19998L12.8 8.39997L14.4 11.3Z"
+        stroke="#131316"
+        strokeWidth="1.2"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Icon>
+  );
+};
+
+export default ServicesIcon;

package/src/icons/SettingsFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const SettingsFilledIcon = (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_8952"
+        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_8952)">
+        <path
+          d="M13.15 21H10.825C10.6417 21 10.475 20.9333 10.325 20.8C10.175 20.6667 10.0834 20.5 10.05 20.3L9.77502 18.1C9.45835 18.0167 9.11269 17.871 8.73802 17.663C8.36269 17.4543 8.05002 17.2333 7.80002 17L5.80002 17.85C5.60002 17.9333 5.40435 17.9417 5.21302 17.875C5.02102 17.8083 4.87502 17.6833 4.77502 17.5L3.60002 15.5C3.50002 15.3167 3.47102 15.125 3.51302 14.925C3.55435 14.725 3.65835 14.5667 3.82502 14.45L5.57502 13.125C5.54169 12.9583 5.51269 12.779 5.48802 12.587C5.46269 12.3957 5.45002 12.2083 5.45002 12.025C5.45002 11.8583 5.46269 11.679 5.48802 11.487C5.51269 11.2957 5.54169 11.0917 5.57502 10.875L3.82502 9.55C3.65835 9.43333 3.55435 9.275 3.51302 9.075C3.47102 8.875 3.50002 8.68333 3.60002 8.5L4.77502 6.525C4.87502 6.34167 5.01669 6.21667 5.20002 6.15C5.38335 6.08333 5.57502 6.09167 5.77502 6.175L7.77502 7.025C8.07502 6.775 8.39602 6.55 8.73802 6.35C9.07935 6.15 9.41669 6 9.75002 5.9L10.05 3.7C10.0834 3.5 10.175 3.33333 10.325 3.2C10.475 3.06667 10.6417 3 10.825 3H13.15C13.35 3 13.525 3.06667 13.675 3.2C13.825 3.33333 13.9167 3.5 13.95 3.7L14.225 5.9C14.6084 6.05 14.946 6.20833 15.238 6.375C15.5294 6.54167 15.8334 6.75833 16.15 7.025L18.225 6.175C18.425 6.09167 18.6167 6.08333 18.8 6.15C18.9834 6.21667 19.125 6.33333 19.225 6.5L20.4 8.5C20.5 8.68333 20.5294 8.875 20.488 9.075C20.446 9.275 20.3417 9.43333 20.175 9.55L18.35 10.925C18.4167 11.125 18.45 11.3127 18.45 11.488V12C18.45 12.15 18.446 12.3127 18.438 12.488C18.4294 12.6627 18.4 12.875 18.35 13.125L20.125 14.45C20.3084 14.5667 20.4167 14.725 20.45 14.925C20.4834 15.125 20.45 15.3167 20.35 15.5L19.175 17.5C19.075 17.6833 18.9294 17.804 18.738 17.862C18.546 17.9207 18.35 17.9083 18.15 17.825L16.15 16.975C15.8334 17.2417 15.521 17.4667 15.213 17.65C14.9044 17.8333 14.575 17.9833 14.225 18.1L13.95 20.3C13.9167 20.5 13.825 20.6667 13.675 20.8C13.525 20.9333 13.35 21 13.15 21ZM11.975 14.5C12.675 14.5 13.2667 14.2583 13.75 13.775C14.2334 13.2917 14.475 12.7 14.475 12C14.475 11.3 14.2334 10.7083 13.75 10.225C13.2667 9.74167 12.675 9.5 11.975 9.5C11.275 9.5 10.6834 9.74167 10.2 10.225C9.71669 10.7083 9.47502 11.3 9.47502 12C9.47502 12.7 9.71669 13.2917 10.2 13.775C10.6834 14.2583 11.275 14.5 11.975 14.5Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default SettingsFilledIcon;

package/src/icons/SettingsIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const SettingsIcon = (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_8326"
+        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_8326)">
+        <path
+          d="M10.4808 21.5C10.2564 21.5 10.0622 21.4246 9.8981 21.274C9.734 21.1233 9.63528 20.9358 9.60195 20.7115L9.31157 18.4538C9.04362 18.3641 8.76894 18.2384 8.48752 18.0769C8.2061 17.9153 7.9545 17.7422 7.7327 17.5576L5.64425 18.4384C5.43015 18.532 5.21765 18.5429 5.00675 18.4711C4.79585 18.3993 4.63014 18.2647 4.50962 18.0673L3.00582 15.4481C2.8917 15.2506 2.85645 15.0397 2.90005 14.8154C2.94363 14.591 3.0558 14.4102 3.23657 14.2731L5.04427 12.9058C5.02119 12.757 5.00484 12.6077 4.99522 12.4577C4.9856 12.3077 4.9808 12.1583 4.9808 12.0096C4.9808 11.8673 4.9856 11.7227 4.99522 11.5759C5.00484 11.4291 5.02119 11.2686 5.04427 11.0942L3.23657 9.72688C3.0558 9.58971 2.94203 9.40894 2.89525 9.18458C2.84845 8.96023 2.8853 8.74934 3.00582 8.5519L4.50962 5.95195C4.63014 5.75452 4.79425 5.6199 5.00195 5.5481C5.20963 5.4763 5.42052 5.4872 5.63462 5.5808L7.72307 6.45195C7.9641 6.26092 8.22148 6.08623 8.4952 5.9279C8.76893 5.76955 9.03785 5.6423 9.30195 5.54615L9.60195 3.28848C9.63528 3.06411 9.734 2.87661 9.8981 2.72598C10.0622 2.57533 10.2564 2.5 10.4808 2.5H13.5096C13.7339 2.5 13.9298 2.57533 14.0971 2.72598C14.2644 2.87661 14.3647 3.06411 14.398 3.28848L14.6884 5.55578C14.9884 5.66474 15.2599 5.79198 15.5029 5.9375C15.7458 6.08302 15.991 6.2545 16.2384 6.45195L18.3654 5.5808C18.5795 5.4872 18.7904 5.4747 18.998 5.5433C19.2057 5.61188 19.3699 5.74489 19.4904 5.94233L20.9942 8.5519C21.1147 8.74934 21.1515 8.96023 21.1047 9.18458C21.058 9.40894 20.9442 9.58971 20.7634 9.72688L18.9173 11.123C18.9532 11.2846 18.9727 11.4355 18.9759 11.5759C18.9791 11.7163 18.9807 11.8577 18.9807 12C18.9807 12.1359 18.9775 12.274 18.9711 12.4144C18.9647 12.5548 18.9416 12.7154 18.9019 12.8962L20.7288 14.2731C20.9096 14.4102 21.0233 14.591 21.0701 14.8154C21.1169 15.0397 21.0801 15.2506 20.9596 15.4481L19.4557 18.0519C19.3352 18.2493 19.167 18.3849 18.9509 18.4586C18.7349 18.5323 18.5198 18.5224 18.3057 18.4288L16.2384 17.548C15.991 17.7455 15.7384 17.9201 15.4807 18.0721C15.223 18.224 14.9589 18.348 14.6884 18.4442L14.398 20.7115C14.3647 20.9358 14.2644 21.1233 14.0971 21.274C13.9298 21.4246 13.7339 21.5 13.5096 21.5H10.4808ZM11 20H12.9654L13.325 17.3211C13.8352 17.1878 14.3016 16.9984 14.724 16.7529C15.1465 16.5074 15.5538 16.1917 15.9461 15.8058L18.4308 16.85L19.4154 15.15L17.2461 13.5154C17.3295 13.2564 17.3862 13.0025 17.4163 12.7538C17.4465 12.5051 17.4615 12.2538 17.4615 12C17.4615 11.7397 17.4465 11.4884 17.4163 11.2461C17.3862 11.0038 17.3295 10.7564 17.2461 10.5038L19.4346 8.84998L18.45 7.14998L15.9365 8.2096C15.6019 7.8519 15.201 7.53588 14.7336 7.26153C14.2663 6.98716 13.7936 6.79293 13.3154 6.67883L13 3.99998H11.0154L10.6846 6.6692C10.1744 6.78972 9.7032 6.97433 9.27115 7.22305C8.8391 7.47177 8.42692 7.79228 8.03462 8.1846L5.55 7.14998L4.56537 8.84998L6.725 10.4596C6.64166 10.6968 6.58333 10.9436 6.55 11.2C6.51666 11.4564 6.5 11.7263 6.5 12.0096C6.5 12.2699 6.51666 12.525 6.55 12.775C6.58333 13.025 6.63845 13.2718 6.71537 13.5154L4.56537 15.15L5.55 16.85L8.025 15.8C8.40448 16.1897 8.81025 16.509 9.2423 16.7577C9.67435 17.0064 10.1519 17.1974 10.675 17.3308L11 20ZM12.0115 15C12.8436 15 13.5516 14.708 14.1355 14.124C14.7195 13.54 15.0115 12.832 15.0115 12C15.0115 11.1679 14.7195 10.4599 14.1355 9.87595C13.5516 9.29198 12.8436 9 12.0115 9C11.1692 9 10.4587 9.29198 9.87982 9.87595C9.30099 10.4599 9.01157 11.1679 9.01157 12C9.01157 12.832 9.30099 13.54 9.87982 14.124C10.4587 14.708 11.1692 15 12.0115 15Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default SettingsIcon;

package/src/icons/ShareIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ShareIcon = (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_8338"
+        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_8338)">
+        <path
+          d="M18 21.5C17.3 21.5 16.7083 21.2583 16.225 20.775C15.7417 20.2917 15.5 19.7 15.5 19C15.5 18.8667 15.5127 18.729 15.538 18.587C15.5627 18.4457 15.6 18.3083 15.65 18.175L7.9 13.625C7.65 13.8917 7.36267 14.104 7.038 14.262C6.71267 14.4207 6.36667 14.5 6 14.5C5.3 14.5 4.70833 14.2583 4.225 13.775C3.74167 13.2917 3.5 12.7 3.5 12C3.5 11.3 3.74167 10.7083 4.225 10.225C4.70833 9.74167 5.3 9.5 6 9.5C6.36667 9.5 6.71267 9.57933 7.038 9.738C7.36267 9.896 7.65 10.1083 7.9 10.375L15.65 5.825C15.6 5.69167 15.5627 5.554 15.538 5.412C15.5127 5.27067 15.5 5.13333 15.5 5C15.5 4.3 15.7417 3.70833 16.225 3.225C16.7083 2.74167 17.3 2.5 18 2.5C18.7 2.5 19.2917 2.74167 19.775 3.225C20.2583 3.70833 20.5 4.3 20.5 5C20.5 5.7 20.2583 6.29167 19.775 6.775C19.2917 7.25833 18.7 7.5 18 7.5C17.6333 7.5 17.2873 7.42067 16.962 7.262C16.6373 7.104 16.35 6.89167 16.1 6.625L8.35 11.175C8.4 11.3083 8.43767 11.4457 8.463 11.587C8.48767 11.729 8.5 11.8667 8.5 12C8.5 12.1333 8.48767 12.2707 8.463 12.412C8.43767 12.554 8.4 12.6917 8.35 12.825L16.1 17.375C16.35 17.1083 16.6373 16.896 16.962 16.738C17.2873 16.5793 17.6333 16.5 18 16.5C18.7 16.5 19.2917 16.7417 19.775 17.225C20.2583 17.7083 20.5 18.3 20.5 19C20.5 19.7 20.2583 20.2917 19.775 20.775C19.2917 21.2583 18.7 21.5 18 21.5ZM18 6.5C18.4167 6.5 18.7707 6.354 19.062 6.062C19.354 5.77067 19.5 5.41667 19.5 5C19.5 4.58333 19.354 4.22933 19.062 3.938C18.7707 3.646 18.4167 3.5 18 3.5C17.5833 3.5 17.2293 3.646 16.938 3.938C16.646 4.22933 16.5 4.58333 16.5 5C16.5 5.41667 16.646 5.77067 16.938 6.062C17.2293 6.354 17.5833 6.5 18 6.5ZM6 13.5C6.41667 13.5 6.77067 13.354 7.062 13.062C7.354 12.7707 7.5 12.4167 7.5 12C7.5 11.5833 7.354 11.2293 7.062 10.938C6.77067 10.646 6.41667 10.5 6 10.5C5.58333 10.5 5.22933 10.646 4.938 10.938C4.646 11.2293 4.5 11.5833 4.5 12C4.5 12.4167 4.646 12.7707 4.938 13.062C5.22933 13.354 5.58333 13.5 6 13.5ZM18 20.5C18.4167 20.5 18.7707 20.354 19.062 20.062C19.354 19.7707 19.5 19.4167 19.5 19C19.5 18.5833 19.354 18.2293 19.062 17.938C18.7707 17.646 18.4167 17.5 18 17.5C17.5833 17.5 17.2293 17.646 16.938 17.938C16.646 18.2293 16.5 18.5833 16.5 19C16.5 19.4167 16.646 19.7707 16.938 20.062C17.2293 20.354 17.5833 20.5 18 20.5Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ShareIcon;