techpack-icons 0.1.0

package/dist/index.mjs

@@ -0,0 +1,1444 @@
+// src/ArrowDownLight.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var ArrowDownLight = ({ className, ...props }) => /* @__PURE__ */ jsxs("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx("title", { children: "arrow-down" }),
+  /* @__PURE__ */ jsx("g", { id: "arrow-down-Light", children: /* @__PURE__ */ jsx("path", { id: "arrow-down-Light-2", "data-name": "arrow-down-Light", d: "M19.354,14.353l-7,7a.5.5,0,0,1-.708,0l-7-7a.5.5,0,0,1,.708-.707L11.5,19.793V3a.5.5,0,0,1,1,0V19.793l6.146-6.147a.5.5,0,0,1,.708.707Z" }) })
+] });
+
+// src/ArrowLeftLight.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ArrowLeftLight = ({ className, ...props }) => /* @__PURE__ */ jsxs2("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx2("title", { children: "arrow-left" }),
+  /* @__PURE__ */ jsx2("g", { id: "arrow-left-Light", children: /* @__PURE__ */ jsx2("path", { id: "arrow-left-Light-2", "data-name": "arrow-left-Light", d: "M21.5,12a.5.5,0,0,1-.5.5H4.207l6.147,6.146a.5.5,0,1,1-.708.707l-7-7a.5.5,0,0,1,0-.707l7-7a.5.5,0,1,1,.708.707L4.207,11.5H21A.5.5,0,0,1,21.5,12Z" }) })
+] });
+
+// src/ArrowRightLight.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var ArrowRightLight = ({ className, ...props }) => /* @__PURE__ */ jsxs3("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx3("title", { children: "arrow-right" }),
+  /* @__PURE__ */ jsx3("g", { id: "arrow-right-Light", children: /* @__PURE__ */ jsx3("path", { id: "arrow-right-Light-2", "data-name": "arrow-right-Light", d: "M21.354,12.353l-7,7a.5.5,0,0,1-.708-.707L19.793,12.5H3a.5.5,0,0,1,0-1H19.793L13.646,5.353a.5.5,0,1,1,.708-.707l7,7A.5.5,0,0,1,21.354,12.353Z" }) })
+] });
+
+// src/ArrowUpLight.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var ArrowUpLight = ({ className, ...props }) => /* @__PURE__ */ jsxs4("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx4("title", { children: "arrow-up" }),
+  /* @__PURE__ */ jsx4("g", { id: "arrow-up-Light", children: /* @__PURE__ */ jsx4("path", { id: "arrow-up-Light-2", "data-name": "arrow-up-Light", d: "M19.354,10.353a.5.5,0,0,1-.708,0L12.5,4.207V21a.5.5,0,0,1-1,0V4.207L5.354,10.353a.5.5,0,1,1-.708-.707l7-7a.5.5,0,0,1,.708,0l7,7A.5.5,0,0,1,19.354,10.353Z" }) })
+] });
+
+// src/BellSlashLight.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var BellSlashLight = ({ className, ...props }) => /* @__PURE__ */ jsxs5("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx5("title", { children: "bell-slash" }),
+  /* @__PURE__ */ jsx5("g", { id: "bell-slash-Light", children: /* @__PURE__ */ jsx5("path", { id: "bell-slash-Light-2", "data-name": "bell-slash-Light", d: "M19.138,13.932A4.485,4.485,0,0,1,18.5,11.62V8.99a6.421,6.421,0,0,0-.446-2.338l2.3-2.3a.5.5,0,0,0-.708-.707l-14,14h0l-2,2a.5.5,0,1,0,.708.707L6.207,18.5H9.566A2.474,2.474,0,0,0,9.5,19a2.5,2.5,0,0,0,5,0,2.474,2.474,0,0,0-.066-.5H18.7a1.8,1.8,0,0,0,1.539-2.727ZM13.5,19a1.5,1.5,0,1,1-2.9-.5H13.4A1.5,1.5,0,0,1,13.5,19Zm5.892-1.9a.786.786,0,0,1-.692.4H7.207L17.27,7.437A5.431,5.431,0,0,1,17.5,8.99v2.63a5.486,5.486,0,0,0,.781,2.827l1.1,1.839A.8.8,0,0,1,19.392,17.1Zm-15.3-1.874.77-1.29A4.48,4.48,0,0,0,5.5,11.62V8.99a6.513,6.513,0,0,1,10.529-5.1.5.5,0,0,1-.617.787A5.513,5.513,0,0,0,6.5,8.99v2.63a5.478,5.478,0,0,1-.782,2.828l-.769,1.288a.5.5,0,1,1-.858-.513Z" }) })
+] });
+
+// src/BellLight.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var BellLight = ({ className, ...props }) => /* @__PURE__ */ jsxs6("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx6("title", { children: "bell" }),
+  /* @__PURE__ */ jsx6("g", { id: "bell-Light", children: /* @__PURE__ */ jsx6("path", { id: "bell-Light-2", "data-name": "bell-Light", d: "M20.242,15.775l-1.107-1.846a4.5,4.5,0,0,1-.64-2.312V8.99a6.5,6.5,0,0,0-12.99,0v2.627a4.5,4.5,0,0,1-.64,2.312L3.758,15.775A1.8,1.8,0,0,0,5.3,18.5H9.566A2.474,2.474,0,0,0,9.5,19a2.5,2.5,0,0,0,5,0,2.474,2.474,0,0,0-.066-.5H18.7a1.8,1.8,0,0,0,1.545-2.725ZM13.5,19a1.5,1.5,0,1,1-2.9-.5H13.4A1.5,1.5,0,0,1,13.5,19Zm5.894-1.906a.793.793,0,0,1-.7.406H5.3a.8.8,0,0,1-.687-1.211l1.106-1.846a5.5,5.5,0,0,0,.783-2.826V8.99a5.5,5.5,0,0,1,10.99,0v2.627a5.5,5.5,0,0,0,.783,2.826l1.106,1.846A.79.79,0,0,1,19.394,17.094Z" }) })
+] });
+
+// src/BookmarkLight.tsx
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var BookmarkLight = ({ className, ...props }) => /* @__PURE__ */ jsxs7("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx7("title", { children: "bookmark" }),
+  /* @__PURE__ */ jsx7("g", { id: "bookmark-Light", children: /* @__PURE__ */ jsx7("path", { id: "bookmark-Light-2", "data-name": "bookmark-Light", d: "M15,2.5H9A4.505,4.505,0,0,0,4.5,7V20a1.5,1.5,0,0,0,2.354,1.232l4.859-3.366a.5.5,0,0,1,.57,0l4.863,3.367A1.5,1.5,0,0,0,19.5,20V7A4.505,4.505,0,0,0,15,2.5ZM18.5,20a.5.5,0,0,1-.785.411l-4.863-3.368a1.506,1.506,0,0,0-1.708,0L6.285,20.409A.5.5,0,0,1,5.5,20V7A3.5,3.5,0,0,1,9,3.5h6A3.5,3.5,0,0,1,18.5,7Z" }) })
+] });
+
+// src/CalendarLight.tsx
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var CalendarLight = ({ className, ...props }) => /* @__PURE__ */ jsxs8("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx8("title", { children: "calendar" }),
+  /* @__PURE__ */ jsx8("g", { id: "calendar-Light", children: /* @__PURE__ */ jsx8("path", { id: "calendar-Light-2", "data-name": "calendar-Light", d: "M17,3.5h-.5V3a.5.5,0,0,0-1,0v.5h-7V3a.5.5,0,0,0-1,0v.5H7A4.5,4.5,0,0,0,2.5,8v9A4.505,4.505,0,0,0,7,21.5H17A4.505,4.505,0,0,0,21.5,17V8A4.5,4.5,0,0,0,17,3.5ZM7,4.5h.5V6a.5.5,0,0,0,1,0V4.5h7V6a.5.5,0,0,0,1,0V4.5H17A3.5,3.5,0,0,1,20.5,8v.5H3.5V8A3.5,3.5,0,0,1,7,4.5Zm10,16H7A3.5,3.5,0,0,1,3.5,17V9.5h17V17A3.5,3.5,0,0,1,17,20.5ZM17,13a1,1,0,1,1-1-1A1,1,0,0,1,17,13Zm-4,0a1,1,0,1,1-1-1A1,1,0,0,1,13,13ZM9,13a1,1,0,1,1-1-1A1,1,0,0,1,9,13Zm8,4a1,1,0,1,1-1-1A1,1,0,0,1,17,17Zm-4,0a1,1,0,1,1-1-1A1,1,0,0,1,13,17ZM9,17a1,1,0,1,1-1-1A1,1,0,0,1,9,17Z" }) })
+] });
+
+// src/CameraLight.tsx
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var CameraLight = ({ className, ...props }) => /* @__PURE__ */ jsxs9("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx9("title", { children: "camera" }),
+  /* @__PURE__ */ jsx9("g", { id: "camera-Light", children: /* @__PURE__ */ jsx9("path", { id: "camera-Light-2", "data-name": "camera-Light", d: "M17.273,6.508,16.01,4.613A2.5,2.5,0,0,0,13.93,3.5H10.07A2.5,2.5,0,0,0,7.99,4.613L6.727,6.508A4.506,4.506,0,0,0,2.5,11v5A4.505,4.505,0,0,0,7,20.5H17A4.505,4.505,0,0,0,21.5,16V11A4.506,4.506,0,0,0,17.273,6.508ZM20.5,16A3.5,3.5,0,0,1,17,19.5H7A3.5,3.5,0,0,1,3.5,16V11A3.5,3.5,0,0,1,7,7.5a.5.5,0,0,0,.416-.223L8.822,5.168A1.5,1.5,0,0,1,10.07,4.5h3.86a1.5,1.5,0,0,1,1.248.668l1.406,2.109A.5.5,0,0,0,17,7.5,3.5,3.5,0,0,1,20.5,11ZM12,9.5A3.5,3.5,0,1,0,15.5,13,3.5,3.5,0,0,0,12,9.5Zm0,6A2.5,2.5,0,1,1,14.5,13,2.5,2.5,0,0,1,12,15.5ZM18.85,10A.85.85,0,1,1,18,9.15.851.851,0,0,1,18.85,10Z" }) })
+] });
+
+// src/ChartPieLight.tsx
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var ChartPieLight = ({ className, ...props }) => /* @__PURE__ */ jsxs10("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx10("title", { children: "chart-pie" }),
+  /* @__PURE__ */ jsx10("g", { id: "chart-pie-Light", children: /* @__PURE__ */ jsx10("path", { id: "chart-pie-Light-2", "data-name": "chart-pie-Light", d: "M21.46,10.029a9.546,9.546,0,0,0-7.489-7.49,2.009,2.009,0,0,0-2.4,1.967V9.93a2.5,2.5,0,0,0,2.5,2.5h5.424a2.007,2.007,0,0,0,1.967-2.4Zm-1.189,1.032a1,1,0,0,1-.778.369H14.069a1.5,1.5,0,0,1-1.5-1.5V4.506A1.009,1.009,0,0,1,13.575,3.5a1.023,1.023,0,0,1,.2.02,8.546,8.546,0,0,1,6.706,6.706A1,1,0,0,1,20.271,11.061ZM20.1,15.146A9,9,0,1,1,8.854,3.9a.5.5,0,1,1,.292.957,8,8,0,1,0,10,10,.5.5,0,1,1,.957.292Z" }) })
+] });
+
+// src/CheckCircleLight.tsx
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var CheckCircleLight = ({ className, ...props }) => /* @__PURE__ */ jsxs11("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx11("title", { children: "check-circle" }),
+  /* @__PURE__ */ jsx11("g", { id: "check-circle-Light", children: /* @__PURE__ */ jsx11("path", { id: "check-circle-Light-2", "data-name": "check-circle-Light", d: "M16.354,9.646a.5.5,0,0,1,0,.707l-5,5a.5.5,0,0,1-.708,0l-3-3a.5.5,0,0,1,.708-.707L11,14.293l4.646-4.647A.5.5,0,0,1,16.354,9.646ZM21.5,12A9.5,9.5,0,1,1,12,2.5,9.511,9.511,0,0,1,21.5,12Zm-1,0A8.5,8.5,0,1,0,12,20.5,8.51,8.51,0,0,0,20.5,12Z" }) })
+] });
+
+// src/ChevronCircleDownLight.tsx
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+var ChevronCircleDownLight = ({ className, ...props }) => /* @__PURE__ */ jsxs12("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx12("title", { children: "chevron-circle-down" }),
+  /* @__PURE__ */ jsx12("g", { id: "chevron-circle-down-Light", children: /* @__PURE__ */ jsx12("path", { id: "chevron-circle-down-Light-2", "data-name": "chevron-circle-down-Light", d: "M12,2.5A9.5,9.5,0,1,0,21.5,12,9.511,9.511,0,0,0,12,2.5Zm0,18A8.5,8.5,0,1,1,20.5,12,8.51,8.51,0,0,1,12,20.5Zm3.354-9.854a.5.5,0,0,1,0,.707l-3,3a.5.5,0,0,1-.708,0l-3-3a.5.5,0,0,1,.708-.707L12,13.293l2.646-2.647A.5.5,0,0,1,15.354,10.646Z" }) })
+] });
+
+// src/ChevronCircleLeftLight.tsx
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+var ChevronCircleLeftLight = ({ className, ...props }) => /* @__PURE__ */ jsxs13("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx13("title", { children: "chevron-circle-left" }),
+  /* @__PURE__ */ jsx13("g", { id: "chevron-circle-left-Light", children: /* @__PURE__ */ jsx13("path", { id: "chevron-circle-left-Light-2", "data-name": "chevron-circle-left-Light", d: "M13.354,9.353,10.707,12l2.647,2.646a.5.5,0,1,1-.708.707l-3-3a.5.5,0,0,1,0-.707l3-3a.5.5,0,0,1,.708.707ZM21.5,12A9.5,9.5,0,1,1,12,2.5,9.511,9.511,0,0,1,21.5,12Zm-1,0A8.5,8.5,0,1,0,12,20.5,8.51,8.51,0,0,0,20.5,12Z" }) })
+] });
+
+// src/ChevronCircleRightLight.tsx
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+var ChevronCircleRightLight = ({ className, ...props }) => /* @__PURE__ */ jsxs14("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx14("title", { children: "chevron-circle-right" }),
+  /* @__PURE__ */ jsx14("g", { id: "chevron-circle-right-Light", children: /* @__PURE__ */ jsx14("path", { id: "chevron-circle-right-Light-2", "data-name": "chevron-circle-right-Light", d: "M12,2.5A9.5,9.5,0,1,0,21.5,12,9.511,9.511,0,0,0,12,2.5Zm0,18A8.5,8.5,0,1,1,20.5,12,8.51,8.51,0,0,1,12,20.5Zm2.354-8.854a.5.5,0,0,1,0,.707l-3,3a.5.5,0,1,1-.708-.707L13.293,12,10.646,9.353a.5.5,0,0,1,.708-.707Z" }) })
+] });
+
+// src/ChevronCircleUpLight.tsx
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+var ChevronCircleUpLight = ({ className, ...props }) => /* @__PURE__ */ jsxs15("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx15("title", { children: "chevron-circle-up" }),
+  /* @__PURE__ */ jsx15("g", { id: "chevron-circle-up-Light", children: /* @__PURE__ */ jsx15("path", { id: "chevron-circle-up-Light-2", "data-name": "chevron-circle-up-Light", d: "M12,2.5A9.5,9.5,0,1,0,21.5,12,9.511,9.511,0,0,0,12,2.5Zm0,18A8.5,8.5,0,1,1,20.5,12,8.51,8.51,0,0,1,12,20.5Zm3.354-7.854a.5.5,0,1,1-.708.707L12,10.707,9.354,13.353a.5.5,0,1,1-.708-.707l3-3a.5.5,0,0,1,.708,0Z" }) })
+] });
+
+// src/ChevronDownLight.tsx
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+var ChevronDownLight = ({ className, ...props }) => /* @__PURE__ */ jsxs16("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx16("title", { children: "chevron-down" }),
+  /* @__PURE__ */ jsx16("g", { id: "chevron-down-Light", children: /* @__PURE__ */ jsx16("path", { id: "chevron-down-Light-2", "data-name": "chevron-down-Light", d: "M21.354,8.353l-9,9a.5.5,0,0,1-.708,0l-9-9a.5.5,0,1,1,.708-.707L12,16.293l8.646-8.647a.5.5,0,1,1,.708.707Z" }) })
+] });
+
+// src/ChevronLeftLight.tsx
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+var ChevronLeftLight = ({ className, ...props }) => /* @__PURE__ */ jsxs17("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx17("title", { children: "chevron-left" }),
+  /* @__PURE__ */ jsx17("g", { id: "chevron-left-Light", children: /* @__PURE__ */ jsx17("path", { id: "chevron-left-Light-2", "data-name": "chevron-left-Light", d: "M16.354,20.646a.5.5,0,1,1-.708.707l-9-9a.5.5,0,0,1,0-.707l9-9a.5.5,0,0,1,.708.707L7.707,12Z" }) })
+] });
+
+// src/ChevronRightLight.tsx
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+var ChevronRightLight = ({ className, ...props }) => /* @__PURE__ */ jsxs18("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx18("title", { children: "chevron-right" }),
+  /* @__PURE__ */ jsx18("g", { id: "chevron-right-Light", children: /* @__PURE__ */ jsx18("path", { id: "chevron-right-Light-2", "data-name": "chevron-right-Light", d: "M17.354,12.353l-9,9a.5.5,0,0,1-.708-.707L16.293,12,7.646,3.353a.5.5,0,0,1,.708-.707l9,9A.5.5,0,0,1,17.354,12.353Z" }) })
+] });
+
+// src/ChevronUpLight.tsx
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
+var ChevronUpLight = ({ className, ...props }) => /* @__PURE__ */ jsxs19("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx19("title", { children: "chevron-up" }),
+  /* @__PURE__ */ jsx19("g", { id: "chevron-up-Light", children: /* @__PURE__ */ jsx19("path", { id: "chevron-up-Light-2", "data-name": "chevron-up-Light", d: "M21.354,16.353a.5.5,0,0,1-.708,0L12,7.707,3.354,16.353a.5.5,0,0,1-.708-.707l9-9a.5.5,0,0,1,.708,0l9,9A.5.5,0,0,1,21.354,16.353Z" }) })
+] });
+
+// src/ClockLight.tsx
+import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
+var ClockLight = ({ className, ...props }) => /* @__PURE__ */ jsxs20("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx20("title", { children: "clock" }),
+  /* @__PURE__ */ jsx20("g", { id: "clock-Light", children: /* @__PURE__ */ jsx20("path", { id: "clock-Light-2", "data-name": "clock-Light", d: "M12,2.5A9.5,9.5,0,1,0,21.5,12,9.511,9.511,0,0,0,12,2.5Zm0,18A8.5,8.5,0,1,1,20.5,12,8.51,8.51,0,0,1,12,20.5ZM16.5,12a.5.5,0,0,1-.5.5H12a.5.5,0,0,1-.5-.5V7a.5.5,0,0,1,1,0v4.5H16A.5.5,0,0,1,16.5,12Z" }) })
+] });
+
+// src/CommentDotsLight.tsx
+import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
+var CommentDotsLight = ({ className, ...props }) => /* @__PURE__ */ jsxs21("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx21("title", { children: "comment-dots" }),
+  /* @__PURE__ */ jsx21("g", { id: "comment-dots-Light", children: /* @__PURE__ */ jsx21("path", { id: "comment-dots-Light-2", "data-name": "comment-dots-Light", d: "M17,3.5H7A4.5,4.5,0,0,0,2.5,8V21a.5.5,0,0,0,.309.462A.493.493,0,0,0,3,21.5a.5.5,0,0,0,.354-.147l2.414-2.414A1.491,1.491,0,0,1,6.829,18.5H17A4.505,4.505,0,0,0,21.5,14V8A4.5,4.5,0,0,0,17,3.5ZM20.5,14A3.5,3.5,0,0,1,17,17.5H6.829a2.484,2.484,0,0,0-1.768.732L3.5,19.793V8A3.5,3.5,0,0,1,7,4.5H17A3.5,3.5,0,0,1,20.5,8ZM9,11a1,1,0,1,1-1-1A1,1,0,0,1,9,11Zm4,0a1,1,0,1,1-1-1A1,1,0,0,1,13,11Zm4,0a1,1,0,1,1-1-1A1,1,0,0,1,17,11Z" }) })
+] });
+
+// src/CommentLight.tsx
+import { jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
+var CommentLight = ({ className, ...props }) => /* @__PURE__ */ jsxs22("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx22("title", { children: "comment" }),
+  /* @__PURE__ */ jsx22("g", { id: "comment-Light", children: /* @__PURE__ */ jsx22("path", { id: "comment-Light-2", "data-name": "comment-Light", d: "M17,3.5H7A4.5,4.5,0,0,0,2.5,8V21a.5.5,0,0,0,.309.462A.493.493,0,0,0,3,21.5a.5.5,0,0,0,.354-.147l2.414-2.414A1.491,1.491,0,0,1,6.829,18.5H17A4.505,4.505,0,0,0,21.5,14V8A4.5,4.5,0,0,0,17,3.5ZM20.5,14A3.5,3.5,0,0,1,17,17.5H6.829a2.484,2.484,0,0,0-1.768.732L3.5,19.793V8A3.5,3.5,0,0,1,7,4.5H17A3.5,3.5,0,0,1,20.5,8Z" }) })
+] });
+
+// src/CommentsLight.tsx
+import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
+var CommentsLight = ({ className, ...props }) => /* @__PURE__ */ jsxs23("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx23("title", { children: "comments" }),
+  /* @__PURE__ */ jsx23("g", { id: "comments-Light", children: /* @__PURE__ */ jsx23("path", { id: "comments-Light-2", "data-name": "comments-Light", d: "M18,7.5h-.5V6A3.5,3.5,0,0,0,14,2.5H6A3.5,3.5,0,0,0,2.5,6V16a.5.5,0,0,0,.857.35L5.17,14.5H6.5V16A3.5,3.5,0,0,0,10,19.5h8.83l1.813,1.85A.5.5,0,0,0,21.5,21V11A3.5,3.5,0,0,0,18,7.5Zm-13.04,6a.5.5,0,0,0-.357.15L3.5,14.775V6A2.5,2.5,0,0,1,6,3.5h8A2.5,2.5,0,0,1,16.5,6v5A2.5,2.5,0,0,1,14,13.5ZM20.5,19.775,19.4,18.65a.5.5,0,0,0-.357-.15H10A2.5,2.5,0,0,1,7.5,16V14.5H14A3.5,3.5,0,0,0,17.5,11V8.5H18A2.5,2.5,0,0,1,20.5,11Z" }) })
+] });
+
+// src/CompassLight.tsx
+import { jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
+var CompassLight = ({ className, ...props }) => /* @__PURE__ */ jsxs24("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx24("title", { children: "compass" }),
+  /* @__PURE__ */ jsx24("g", { id: "compass-Light", children: /* @__PURE__ */ jsx24("path", { id: "compass-Light-2", "data-name": "compass-Light", d: "M12,2.5A9.5,9.5,0,1,0,21.5,12,9.511,9.511,0,0,0,12,2.5Zm0,18A8.5,8.5,0,1,1,20.5,12,8.51,8.51,0,0,1,12,20.5ZM15.262,6.919,11.207,7.933a4.491,4.491,0,0,0-3.274,3.274L6.919,15.261a1.5,1.5,0,0,0,1.45,1.865,1.51,1.51,0,0,0,.369-.046l4.055-1.013a4.492,4.492,0,0,0,3.274-3.274l1.014-4.055a1.5,1.5,0,0,0-1.819-1.819Zm.849,1.576L15.1,12.551A3.5,3.5,0,0,1,12.551,15.1L8.495,16.111a.5.5,0,0,1-.606-.607L8.9,11.449A3.494,3.494,0,0,1,11.449,8.9L15.5,7.889a.5.5,0,0,1,.607.606ZM13,12a1,1,0,1,1-1-1A1,1,0,0,1,13,12Z" }) })
+] });
+
+// src/CopyLight.tsx
+import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
+var CopyLight = ({ className, ...props }) => /* @__PURE__ */ jsxs25("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx25("title", { children: "copy" }),
+  /* @__PURE__ */ jsx25("g", { id: "copy-Light", children: /* @__PURE__ */ jsx25("path", { id: "copy-Light-2", "data-name": "copy-Light", d: "M21.061,6.354,17.646,2.939a1.49,1.49,0,0,0-1.06-.439H11A3.5,3.5,0,0,0,7.5,6v.5H6A3.5,3.5,0,0,0,2.5,10v8A3.5,3.5,0,0,0,6,21.5h7A3.5,3.5,0,0,0,16.5,18v-.5H18A3.5,3.5,0,0,0,21.5,14V7.414A1.49,1.49,0,0,0,21.061,6.354Zm-3.58-2.166,2.331,2.331H18.8A1.323,1.323,0,0,1,17.481,5.2ZM15.5,18A2.5,2.5,0,0,1,13,20.5H6A2.5,2.5,0,0,1,3.5,18V10A2.5,2.5,0,0,1,6,7.5H7.5V14A3.5,3.5,0,0,0,11,17.5h4.5ZM18,16.5H11A2.5,2.5,0,0,1,8.5,14V6A2.5,2.5,0,0,1,11,3.5h5.481V5.2A2.323,2.323,0,0,0,18.8,7.519h1.7V14A2.5,2.5,0,0,1,18,16.5Z" }) })
+] });
+
+// src/CouponLight.tsx
+import { jsx as jsx26, jsxs as jsxs26 } from "react/jsx-runtime";
+var CouponLight = ({ className, ...props }) => /* @__PURE__ */ jsxs26("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx26("title", { children: "coupon" }),
+  /* @__PURE__ */ jsx26("g", { id: "coupon-Light", children: /* @__PURE__ */ jsx26("path", { id: "coupon-Light-2", "data-name": "coupon-Light", d: "M21,10.5h.5V9A4.5,4.5,0,0,0,17,4.5H7A4.5,4.5,0,0,0,2.5,9v1.5H3a1.5,1.5,0,0,1,0,3H2.5V15A4.505,4.505,0,0,0,7,19.5H17A4.505,4.505,0,0,0,21.5,15V13.5H21a1.5,1.5,0,0,1,0-3Zm-.5,3.949V15A3.5,3.5,0,0,1,17,18.5H15.5V16a.5.5,0,0,0-1,0v2.5H7A3.5,3.5,0,0,1,3.5,15v-.551a2.5,2.5,0,0,0,0-4.9V9A3.5,3.5,0,0,1,7,5.5h7.5V8a.5.5,0,0,0,1,0V5.5H17A3.5,3.5,0,0,1,20.5,9v.55a2.5,2.5,0,0,0,0,4.9ZM15.5,11v2a.5.5,0,0,1-1,0V11a.5.5,0,0,1,1,0Z" }) })
+] });
+
+// src/CreditCardLight.tsx
+import { jsx as jsx27, jsxs as jsxs27 } from "react/jsx-runtime";
+var CreditCardLight = ({ className, ...props }) => /* @__PURE__ */ jsxs27("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx27("title", { children: "credit-card" }),
+  /* @__PURE__ */ jsx27("g", { id: "credit-card-Light", children: /* @__PURE__ */ jsx27("path", { id: "credit-card-Light-2", "data-name": "credit-card-Light", d: "M17,4.5H7A4.5,4.5,0,0,0,2.5,9v6A4.505,4.505,0,0,0,7,19.5H17A4.505,4.505,0,0,0,21.5,15V9A4.5,4.5,0,0,0,17,4.5ZM7,5.5H17A3.5,3.5,0,0,1,20.5,9v.5H3.5V9A3.5,3.5,0,0,1,7,5.5Zm10,13H7A3.5,3.5,0,0,1,3.5,15V10.5h17V15A3.5,3.5,0,0,1,17,18.5ZM10.5,15a.5.5,0,0,1-.5.5H7a.5.5,0,0,1,0-1h3A.5.5,0,0,1,10.5,15Z" }) })
+] });
+
+// src/DesktopLight.tsx
+import { jsx as jsx28, jsxs as jsxs28 } from "react/jsx-runtime";
+var DesktopLight = ({ className, ...props }) => /* @__PURE__ */ jsxs28("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx28("title", { children: "desktop" }),
+  /* @__PURE__ */ jsx28("g", { id: "desktop-Light", children: /* @__PURE__ */ jsx28("path", { id: "desktop-Light-2", "data-name": "desktop-Light", d: "M17,2.5H7A4.5,4.5,0,0,0,2.5,7v6A4.505,4.505,0,0,0,7,17.5h4.5v3H8a.5.5,0,0,0,0,1h8a.5.5,0,0,0,0-1H12.5v-3H17A4.505,4.505,0,0,0,21.5,13V7A4.5,4.5,0,0,0,17,2.5ZM20.5,13A3.5,3.5,0,0,1,17,16.5H7A3.5,3.5,0,0,1,3.5,13V7A3.5,3.5,0,0,1,7,3.5H17A3.5,3.5,0,0,1,20.5,7Z" }) })
+] });
+
+// src/DiscountLight.tsx
+import { jsx as jsx29, jsxs as jsxs29 } from "react/jsx-runtime";
+var DiscountLight = ({ className, ...props }) => /* @__PURE__ */ jsxs29("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx29("title", { children: "discount" }),
+  /* @__PURE__ */ jsx29("g", { id: "discount-Light", children: /* @__PURE__ */ jsx29("path", { id: "discount-Light-2", "data-name": "discount-Light", d: "M20.618,9.871l-.578-.578A1.5,1.5,0,0,1,19.6,8.226V7.412a3.013,3.013,0,0,0-3.01-3.01h-.815a1.5,1.5,0,0,1-1.066-.442l-.579-.578a3.012,3.012,0,0,0-4.256,0l-.579.578A1.5,1.5,0,0,1,8.227,4.4H7.412A3.013,3.013,0,0,0,4.4,7.412v.814A1.5,1.5,0,0,1,3.96,9.293l-.578.578a3.013,3.013,0,0,0,0,4.257l.578.579A1.5,1.5,0,0,1,4.4,15.773v.815a3.014,3.014,0,0,0,3.01,3.01h.815a1.5,1.5,0,0,1,1.066.441l.579.579a3.013,3.013,0,0,0,4.256,0l.579-.579a1.5,1.5,0,0,1,1.066-.441h.815a3.014,3.014,0,0,0,3.01-3.01v-.815a1.5,1.5,0,0,1,.442-1.066l.578-.579A3.013,3.013,0,0,0,20.618,9.871Zm-.707,3.55L19.333,14a2.488,2.488,0,0,0-.735,1.773v.815a2.012,2.012,0,0,1-2.01,2.01h-.815A2.5,2.5,0,0,0,14,19.332l-.579.579a2.013,2.013,0,0,1-2.842,0L10,19.332A2.5,2.5,0,0,0,8.227,18.6H7.412a2.013,2.013,0,0,1-2.01-2.01v-.815A2.488,2.488,0,0,0,4.667,14l-.578-.579a2.012,2.012,0,0,1,0-2.843L4.667,10A2.492,2.492,0,0,0,5.4,8.226V7.412A2.012,2.012,0,0,1,7.412,5.4h.815A2.492,2.492,0,0,0,10,4.667l.579-.578a2.011,2.011,0,0,1,2.842,0L14,4.667a2.492,2.492,0,0,0,1.773.735h.815a2.011,2.011,0,0,1,2.01,2.01v.814A2.492,2.492,0,0,0,19.333,10l.578.578A2.012,2.012,0,0,1,19.911,13.421ZM15.354,8.646a.5.5,0,0,1,0,.707l-6,6a.5.5,0,1,1-.708-.707l6-6A.5.5,0,0,1,15.354,8.646ZM15.5,14.5a1,1,0,1,1-1-1A1,1,0,0,1,15.5,14.5Zm-7-5a1,1,0,1,1,1,1A1,1,0,0,1,8.5,9.5Z" }) })
+] });
+
+// src/DownloadLight.tsx
+import { jsx as jsx30, jsxs as jsxs30 } from "react/jsx-runtime";
+var DownloadLight = ({ className, ...props }) => /* @__PURE__ */ jsxs30("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx30("title", { children: "download" }),
+  /* @__PURE__ */ jsx30("g", { id: "download-Light", children: /* @__PURE__ */ jsx30("path", { id: "download-Light-2", "data-name": "download-Light", d: "M8.646,8.354a.5.5,0,0,1,.708-.708L11.5,9.793V4a.5.5,0,0,1,1,0V9.793l2.146-2.147a.5.5,0,0,1,.708.708l-3,3a.5.5,0,0,1-.708,0ZM17,10.5a.5.5,0,0,0,0,1A3.5,3.5,0,0,1,20.5,15v1A3.5,3.5,0,0,1,17,19.5H7A3.5,3.5,0,0,1,3.5,16V15A3.5,3.5,0,0,1,7,11.5a.5.5,0,0,0,0-1A4.505,4.505,0,0,0,2.5,15v1A4.505,4.505,0,0,0,7,20.5H17A4.505,4.505,0,0,0,21.5,16V15A4.505,4.505,0,0,0,17,10.5ZM17,16a1,1,0,1,0-1-1A1,1,0,0,0,17,16Z" }) })
+] });
+
+// src/EnvelopeLight.tsx
+import { jsx as jsx31, jsxs as jsxs31 } from "react/jsx-runtime";
+var EnvelopeLight = ({ className, ...props }) => /* @__PURE__ */ jsxs31("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx31("title", { children: "envelope" }),
+  /* @__PURE__ */ jsx31("g", { id: "envelope-Light", children: /* @__PURE__ */ jsx31("path", { id: "envelope-Light-2", "data-name": "envelope-Light", d: "M17,4.5H7A4.5,4.5,0,0,0,2.5,9v6A4.505,4.505,0,0,0,7,19.5H17A4.505,4.505,0,0,0,21.5,15V9A4.5,4.5,0,0,0,17,4.5ZM7,5.5H17a3.493,3.493,0,0,1,3.3,2.368l-6.355,4.237a3.49,3.49,0,0,1-3.882,0L3.7,7.868A3.493,3.493,0,0,1,7,5.5ZM20.5,15A3.5,3.5,0,0,1,17,18.5H7A3.5,3.5,0,0,1,3.5,15V9c0-.021.006-.041.006-.062l6,4a4.489,4.489,0,0,0,4.992,0l6-4c0,.021.006.041.006.062Z" }) })
+] });
+
+// src/ExclamationCircleLight.tsx
+import { jsx as jsx32, jsxs as jsxs32 } from "react/jsx-runtime";
+var ExclamationCircleLight = ({ className, ...props }) => /* @__PURE__ */ jsxs32("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx32("title", { children: "exclamation-circle" }),
+  /* @__PURE__ */ jsx32("g", { id: "exclamation-circle-Light", children: /* @__PURE__ */ jsx32("path", { id: "exclamation-circle-Light-2", "data-name": "exclamation-circle-Light", d: "M12,2.5A9.5,9.5,0,1,0,21.5,12,9.511,9.511,0,0,0,12,2.5Zm0,18A8.5,8.5,0,1,1,20.5,12,8.51,8.51,0,0,1,12,20.5Zm.75-4.5a.75.75,0,1,1-.75-.75A.75.75,0,0,1,12.75,16ZM11.5,12V8a.5.5,0,0,1,1,0v4a.5.5,0,0,1-1,0Z" }) })
+] });
+
+// src/EyeSlashLight.tsx
+import { jsx as jsx33, jsxs as jsxs33 } from "react/jsx-runtime";
+var EyeSlashLight = ({ className, ...props }) => /* @__PURE__ */ jsxs33("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx33("title", { children: "eye-slash" }),
+  /* @__PURE__ */ jsx33("g", { id: "eye-slash-Light", children: /* @__PURE__ */ jsx33("path", { id: "eye-slash-Light-2", "data-name": "eye-slash-Light", d: "M21.016,10.243a13.957,13.957,0,0,0-3.027-3.528l2.362-2.361a.5.5,0,0,0-.707-.708L14.112,9.178h0v0L3.644,19.646a.5.5,0,0,0,.707.708L6.806,17.9A9.219,9.219,0,0,0,12,19.5c4.824,0,7.719-3.6,9.016-5.743A3.419,3.419,0,0,0,21.016,10.243ZM15,12a3,3,0,0,1-3,3,2.944,2.944,0,0,1-1.731-.562l4.169-4.169A2.942,2.942,0,0,1,15,12Zm5.162,1.241C18.972,15.205,16.333,18.5,12,18.5a8.221,8.221,0,0,1-4.458-1.337L9.56,15.145A3.922,3.922,0,0,0,12,16a4,4,0,0,0,4-4,3.925,3.925,0,0,0-.855-2.438l2.14-2.14a12.869,12.869,0,0,1,2.876,3.335A2.415,2.415,0,0,1,20.159,13.241ZM4.32,15.623a14.659,14.659,0,0,1-1.336-1.865,3.421,3.421,0,0,1,0-3.514C4.281,8.1,7.176,4.5,12,4.5a9.461,9.461,0,0,1,2.753.411.5.5,0,0,1-.288.958A8.463,8.463,0,0,0,12,5.5c-4.333,0-6.972,3.3-8.16,5.259a2.419,2.419,0,0,0,0,2.485,13.444,13.444,0,0,0,1.242,1.733.5.5,0,0,1-.764.646Zm7.051-7.567a.5.5,0,1,1,.153.988,3,3,0,0,0-2.483,2.482.5.5,0,1,1-.988-.152A4,4,0,0,1,11.371,8.056Z" }) })
+] });
+
+// src/EyeLight.tsx
+import { jsx as jsx34, jsxs as jsxs34 } from "react/jsx-runtime";
+var EyeLight = ({ className, ...props }) => /* @__PURE__ */ jsxs34("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx34("title", { children: "eye" }),
+  /* @__PURE__ */ jsx34("g", { id: "eye-Light", children: /* @__PURE__ */ jsx34("path", { id: "eye-Light-2", "data-name": "eye-Light", d: "M21.015,10.245C19.727,8.1,16.843,4.5,12,4.5S4.273,8.1,2.985,10.245a3.4,3.4,0,0,0,0,3.51C4.273,15.9,7.158,19.5,12,19.5s7.727-3.6,9.015-5.745A3.4,3.4,0,0,0,21.015,10.245Zm-.857,3C18.978,15.205,16.35,18.5,12,18.5s-6.978-3.295-8.158-5.259a2.409,2.409,0,0,1,0-2.482C5.022,8.8,7.65,5.5,12,5.5s6.978,3.3,8.158,5.259A2.409,2.409,0,0,1,20.158,13.241ZM12,8a4,4,0,1,0,4,4A4,4,0,0,0,12,8Zm0,7a3,3,0,1,1,3-3A3,3,0,0,1,12,15Z" }) })
+] });
+
+// src/FileLight.tsx
+import { jsx as jsx35, jsxs as jsxs35 } from "react/jsx-runtime";
+var FileLight = ({ className, ...props }) => /* @__PURE__ */ jsxs35("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx35("title", { children: "file" }),
+  /* @__PURE__ */ jsx35("g", { id: "file-Light", children: /* @__PURE__ */ jsx35("path", { id: "file-Light-2", "data-name": "file-Light", d: "M19.061,7.354,14.646,2.939a1.49,1.49,0,0,0-1.06-.439H9A4.505,4.505,0,0,0,4.5,7V17A4.505,4.505,0,0,0,9,21.5h6A4.505,4.505,0,0,0,19.5,17V8.414A1.49,1.49,0,0,0,19.061,7.354ZM14.5,4.207,17.793,7.5H16.5a2,2,0,0,1-2-2ZM15,20.5H9A3.5,3.5,0,0,1,5.5,17V7A3.5,3.5,0,0,1,9,3.5h4.5v2a3,3,0,0,0,3,3h2V17A3.5,3.5,0,0,1,15,20.5Z" }) })
+] });
+
+// src/FilmLight.tsx
+import { jsx as jsx36, jsxs as jsxs36 } from "react/jsx-runtime";
+var FilmLight = ({ className, ...props }) => /* @__PURE__ */ jsxs36("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx36("title", { children: "film" }),
+  /* @__PURE__ */ jsx36("g", { id: "film-Light", children: /* @__PURE__ */ jsx36("path", { id: "film-Light-2", "data-name": "film-Light", d: "M17,2.5H7A4.5,4.5,0,0,0,2.5,7V17A4.505,4.505,0,0,0,7,21.5H17A4.505,4.505,0,0,0,21.5,17V7A4.5,4.5,0,0,0,17,2.5Zm.5,10h3v3h-3Zm0-4h3v3h-3Zm3-1.5v.5h-3V3.55A3.5,3.5,0,0,1,20.5,7Zm-4-3.5v8h-9v-8Zm-10,12h-3v-3h3Zm-3-4v-3h3v3Zm3-7.95V7.5h-3V7A3.5,3.5,0,0,1,6.5,3.55ZM3.5,17v-.5h3v3.949A3.494,3.494,0,0,1,3.5,17Zm4,3.5v-8h9v8Zm10-.051V16.5h3V17A3.494,3.494,0,0,1,17.5,20.449Z" }) })
+] });
+
+// src/FilterLight.tsx
+import { jsx as jsx37, jsxs as jsxs37 } from "react/jsx-runtime";
+var FilterLight = ({ className, ...props }) => /* @__PURE__ */ jsxs37("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx37("title", { children: "filter" }),
+  /* @__PURE__ */ jsx37("g", { id: "filter-Light", children: /* @__PURE__ */ jsx37("path", { id: "filter-Light-2", "data-name": "filter-Light", d: "M18.5,2.5H5.5a2,2,0,0,0-2,2V6.586a1.49,1.49,0,0,0,.439,1.06l5.122,5.121A1.493,1.493,0,0,1,9.5,13.828V21a.5.5,0,0,0,.276.447A.508.508,0,0,0,10,21.5a.5.5,0,0,0,.3-.1l4-3a.5.5,0,0,0,.2-.4V13.828a1.493,1.493,0,0,1,.439-1.061l5.122-5.121a1.49,1.49,0,0,0,.439-1.06V4.5A2,2,0,0,0,18.5,2.5Zm-13,1h13a1,1,0,0,1,1,1v2H4.5v-2A1,1,0,0,1,5.5,3.5Zm8.732,8.56a2.484,2.484,0,0,0-.732,1.768V17.75L10.5,20V13.828a2.484,2.484,0,0,0-.732-1.768L5.207,7.5H18.793Z" }) })
+] });
+
+// src/FlagLight.tsx
+import { jsx as jsx38, jsxs as jsxs38 } from "react/jsx-runtime";
+var FlagLight = ({ className, ...props }) => /* @__PURE__ */ jsxs38("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx38("title", { children: "flag" }),
+  /* @__PURE__ */ jsx38("g", { id: "flag-Light", children: /* @__PURE__ */ jsx38("path", { id: "flag-Light-2", "data-name": "flag-Light", d: "M16.894,9.692a1.508,1.508,0,0,1,0-1.342l2.553-5.106A.5.5,0,0,0,19,2.521H9a4.5,4.5,0,0,0-4.5,4.5V20.979a.5.5,0,0,0,1,0V15.521H19a.5.5,0,0,0,.447-.724ZM5.5,14.521v-7.5A3.5,3.5,0,0,1,9,3.521h9.191L16,7.9a2.512,2.512,0,0,0,0,2.236l2.191,4.382Z" }) })
+] });
+
+// src/FolderLight.tsx
+import { jsx as jsx39, jsxs as jsxs39 } from "react/jsx-runtime";
+var FolderLight = ({ className, ...props }) => /* @__PURE__ */ jsxs39("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx39("title", { children: "folder" }),
+  /* @__PURE__ */ jsx39("g", { id: "folder-Light", children: /* @__PURE__ */ jsx39("path", { id: "folder-Light-2", "data-name": "folder-Light", d: "M17.019,7.5h-4.2a1,1,0,0,1-.832-.445L10.88,5.391A2,2,0,0,0,9.216,4.5h-2.2A4.5,4.5,0,0,0,2.519,9v7a4.5,4.5,0,0,0,4.5,4.5h10a4.505,4.505,0,0,0,4.5-4.5V12A4.505,4.505,0,0,0,17.019,7.5Zm3.5,8.5a3.5,3.5,0,0,1-3.5,3.5h-10a3.5,3.5,0,0,1-3.5-3.5V9a3.5,3.5,0,0,1,3.5-3.5h2.2a1,1,0,0,1,.832.445l1.109,1.664a2,2,0,0,0,1.664.891h4.2a3.5,3.5,0,0,1,3.5,3.5Z" }) })
+] });
+
+// src/GlobeLight.tsx
+import { jsx as jsx40, jsxs as jsxs40 } from "react/jsx-runtime";
+var GlobeLight = ({ className, ...props }) => /* @__PURE__ */ jsxs40("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx40("title", { children: "globe" }),
+  /* @__PURE__ */ jsx40("g", { id: "globe-Light", children: /* @__PURE__ */ jsx40("path", { id: "globe-Light-2", "data-name": "globe-Light", d: "M20.952,8.834a9.438,9.438,0,0,0-7.591-6.24,9.926,9.926,0,0,0-2.722,0A9.434,9.434,0,0,0,3.05,8.83a9.412,9.412,0,0,0,0,6.335,9.436,9.436,0,0,0,7.592,6.24,9.789,9.789,0,0,0,2.721,0A9.433,9.433,0,0,0,20.95,15.17a9.415,9.415,0,0,0,0-6.336ZM19.723,8.5H16.1a16.026,16.026,0,0,0-1.791-4.682A8.416,8.416,0,0,1,19.723,8.5ZM15.5,12a15.2,15.2,0,0,1-.222,2.5H8.722A15.168,15.168,0,0,1,8.5,12a15.163,15.163,0,0,1,.222-2.5h6.556A15.134,15.134,0,0,1,15.5,12ZM13,3.569A15.079,15.079,0,0,1,15.078,8.5H8.922A15.069,15.069,0,0,1,11,3.569,8.553,8.553,0,0,1,12,3.5,8.568,8.568,0,0,1,13,3.569Zm-3.309.25A16.054,16.054,0,0,0,7.9,8.5H4.277A8.412,8.412,0,0,1,9.687,3.819ZM3.887,9.5H7.712A16.2,16.2,0,0,0,7.5,12a16.07,16.07,0,0,0,.213,2.5H3.888a8.258,8.258,0,0,1,0-5Zm.392,6H7.9a16.036,16.036,0,0,0,1.791,4.68A8.415,8.415,0,0,1,4.279,15.5ZM11,20.43A15.08,15.08,0,0,1,8.923,15.5h6.154A15.046,15.046,0,0,1,13,20.43,8.73,8.73,0,0,1,11,20.43Zm3.309-.249A16,16,0,0,0,16.1,15.5h3.618A8.415,8.415,0,0,1,14.313,20.181Zm5.8-5.68H16.287A16.111,16.111,0,0,0,16.5,12a16.166,16.166,0,0,0-.212-2.5h3.825a8.258,8.258,0,0,1,0,5Z" }) })
+] });
+
+// src/HeadphonesLight.tsx
+import { jsx as jsx41, jsxs as jsxs41 } from "react/jsx-runtime";
+var HeadphonesLight = ({ className, ...props }) => /* @__PURE__ */ jsxs41("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx41("title", { children: "headphones" }),
+  /* @__PURE__ */ jsx41("g", { id: "headphones-Light", children: /* @__PURE__ */ jsx41("path", { id: "headphones-Light-2", "data-name": "headphones-Light", d: "M16.5,13.5a2,2,0,0,0-2,2v4a2,2,0,0,0,4,0v-4A2,2,0,0,0,16.5,13.5Zm1,6a1,1,0,0,1-2,0v-4a1,1,0,0,1,2,0Zm-10-6a2,2,0,0,0-2,2v4a2,2,0,0,0,4,0v-4A2,2,0,0,0,7.5,13.5Zm1,6a1,1,0,0,1-2,0v-4a1,1,0,0,1,2,0Zm13-7.5v5a.5.5,0,0,1-1,0V12a8.5,8.5,0,0,0-17,0v5a.5.5,0,0,1-1,0V12a9.5,9.5,0,0,1,19,0Z" }) })
+] });
+
+// src/HeartLight.tsx
+import { jsx as jsx42, jsxs as jsxs42 } from "react/jsx-runtime";
+var HeartLight = ({ className, ...props }) => /* @__PURE__ */ jsxs42("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx42("title", { children: "heart" }),
+  /* @__PURE__ */ jsx42("g", { id: "heart-Light", children: /* @__PURE__ */ jsx42("path", { id: "heart-Light-2", "data-name": "heart-Light", d: "M19.917,5.256A6,6,0,0,0,15.228,3,6.514,6.514,0,0,0,12,3.844,6.514,6.514,0,0,0,8.772,3,6,6,0,0,0,4.083,5.256,7.085,7.085,0,0,0,2.63,11.062c.955,4.9,5.974,8.335,8.088,9.586a2.511,2.511,0,0,0,2.564,0c2.114-1.251,7.133-4.69,8.088-9.586A7.085,7.085,0,0,0,19.917,5.256Zm.471,5.614c-.877,4.5-5.618,7.735-7.616,8.918a1.515,1.515,0,0,1-1.544,0c-2-1.183-6.739-4.419-7.616-8.918A6.071,6.071,0,0,1,4.855,5.892,5.015,5.015,0,0,1,8.772,4a5.478,5.478,0,0,1,2.959.85.5.5,0,0,0,.538,0A5.478,5.478,0,0,1,15.228,4a5.015,5.015,0,0,1,3.917,1.892A6.071,6.071,0,0,1,20.388,10.87Z" }) })
+] });
+
+// src/HomeLight.tsx
+import { jsx as jsx43, jsxs as jsxs43 } from "react/jsx-runtime";
+var HomeLight = ({ className, ...props }) => /* @__PURE__ */ jsxs43("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx43("title", { children: "home" }),
+  /* @__PURE__ */ jsx43("g", { id: "home-Light", children: /* @__PURE__ */ jsx43("path", { id: "home-Light-2", "data-name": "home-Light", d: "M19.822,7.509l-5-4.02a4.533,4.533,0,0,0-5.643,0l-5,4.02A4.472,4.472,0,0,0,2.5,11.01V17A4.5,4.5,0,0,0,7,21.5H9.5V17a2.5,2.5,0,0,1,5,0V21.5H17A4.5,4.5,0,0,0,21.5,17V11.01A4.472,4.472,0,0,0,19.822,7.509ZM20.5,17A3.5,3.5,0,0,1,17,20.5H15.5V17a3.5,3.5,0,0,0-7,0V20.5H7A3.5,3.5,0,0,1,3.5,17V11.01a3.477,3.477,0,0,1,1.3-2.722l5-4.02a3.527,3.527,0,0,1,4.39,0l5,4.02a3.477,3.477,0,0,1,1.3,2.722Z" }) })
+] });
+
+// src/ImageLight.tsx
+import { jsx as jsx44, jsxs as jsxs44 } from "react/jsx-runtime";
+var ImageLight = ({ className, ...props }) => /* @__PURE__ */ jsxs44("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx44("title", { children: "image" }),
+  /* @__PURE__ */ jsx44("g", { id: "image-Light", children: /* @__PURE__ */ jsx44("path", { id: "image-Light-2", "data-name": "image-Light", d: "M17,3.5H7A4.505,4.505,0,0,0,2.5,8v8a4.476,4.476,0,0,0,.117.989.518.518,0,0,0,.041.132A4.5,4.5,0,0,0,7,20.5H17A4.505,4.505,0,0,0,21.5,16V8A4.505,4.505,0,0,0,17,3.5ZM7,4.5H17A3.5,3.5,0,0,1,20.5,8v5.793L16.063,9.356a1.505,1.505,0,0,0-2.126,0L9,14.3l-.94-.94a1.543,1.543,0,0,0-2.126,0L3.5,15.793V8A3.5,3.5,0,0,1,7,4.5Zm10,15H7a3.492,3.492,0,0,1-3.326-2.467l2.97-2.97a.52.52,0,0,1,.712,0L8.3,15A1,1,0,0,0,9.7,15l4.94-4.94a.5.5,0,0,1,.712,0L20.5,15.207V16A3.5,3.5,0,0,1,17,19.5ZM7,9a1,1,0,1,1,1,1A1,1,0,0,1,7,9Z" }) })
+] });
+
+// src/InboxLight.tsx
+import { jsx as jsx45, jsxs as jsxs45 } from "react/jsx-runtime";
+var InboxLight = ({ className, ...props }) => /* @__PURE__ */ jsxs45("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx45("title", { children: "inbox" }),
+  /* @__PURE__ */ jsx45("g", { id: "inbox-Light", children: /* @__PURE__ */ jsx45("path", { id: "inbox-Light-2", "data-name": "inbox-Light", d: "M7.5,10A.5.5,0,0,1,8,9.5h8a.5.5,0,0,1,0,1H8A.5.5,0,0,1,7.5,10ZM9,7.5h6a.5.5,0,0,0,0-1H9a.5.5,0,0,0,0,1Zm12.5,5.987V16A4.505,4.505,0,0,1,17,20.5H7A4.505,4.505,0,0,1,2.5,16V13.487a3.5,3.5,0,0,1,.18-1.107l1.934-5.8A4.494,4.494,0,0,1,8.883,3.5h6.234a4.494,4.494,0,0,1,4.269,3.076l1.934,5.8A3.5,3.5,0,0,1,21.5,13.487ZM3.693,12.5H9a.5.5,0,0,1,.5.5,2.5,2.5,0,0,0,5,0,.5.5,0,0,1,.5-.5h5.307l-1.87-5.607A3.494,3.494,0,0,0,15.117,4.5H8.883A3.5,3.5,0,0,0,5.562,6.893ZM20.5,16V13.5H15.464a3.5,3.5,0,0,1-6.928,0H3.5V16A3.5,3.5,0,0,0,7,19.5H17A3.5,3.5,0,0,0,20.5,16Z" }) })
+] });
+
+// src/InfoCircleLight.tsx
+import { jsx as jsx46, jsxs as jsxs46 } from "react/jsx-runtime";
+var InfoCircleLight = ({ className, ...props }) => /* @__PURE__ */ jsxs46("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx46("title", { children: "info-circle" }),
+  /* @__PURE__ */ jsx46("g", { id: "info-circle-Light", children: /* @__PURE__ */ jsx46("path", { id: "info-circle-Light-2", "data-name": "info-circle-Light", d: "M12,2.5A9.5,9.5,0,1,0,21.5,12,9.511,9.511,0,0,0,12,2.5Zm0,18A8.5,8.5,0,1,1,20.5,12,8.51,8.51,0,0,1,12,20.5ZM12.75,8A.75.75,0,1,1,12,7.25.75.75,0,0,1,12.75,8Zm-.25,4v4a.5.5,0,0,1-1,0V12a.5.5,0,0,1,1,0Z" }) })
+] });
+
+// src/LinkLight.tsx
+import { jsx as jsx47, jsxs as jsxs47 } from "react/jsx-runtime";
+var LinkLight = ({ className, ...props }) => /* @__PURE__ */ jsxs47("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx47("title", { children: "link" }),
+  /* @__PURE__ */ jsx47("g", { id: "link-Light", children: /* @__PURE__ */ jsx47("path", { id: "link-Light-2", "data-name": "link-Light", d: "M20.191,10.113l-1.839,1.84a.5.5,0,0,1-.707-.707l1.839-1.84a3.464,3.464,0,0,0,0-4.893,3.541,3.541,0,0,0-4.891,0l-3.359,3.36a2.549,2.549,0,0,0-.334.4,3.432,3.432,0,0,0,.334,4.495.5.5,0,1,1-.707.707,4.415,4.415,0,0,1-.449-5.77,3.389,3.389,0,0,1,.449-.537l3.359-3.36a4.459,4.459,0,0,1,6.305,6.307Zm-7.425.413a.5.5,0,0,0,0,.707,3.418,3.418,0,0,1,.809,3.609,3.319,3.319,0,0,1-.809,1.284l-3.359,3.36a3.539,3.539,0,0,1-4.891,0,3.463,3.463,0,0,1,0-4.892l1.839-1.841a.5.5,0,0,0-.707-.707l-1.839,1.84a4.459,4.459,0,1,0,6.305,6.307l3.359-3.36a4.3,4.3,0,0,0,1.047-1.664,4.461,4.461,0,0,0-1.047-4.643A.5.5,0,0,0,12.766,10.526Z" }) })
+] });
+
+// src/LockLight.tsx
+import { jsx as jsx48, jsxs as jsxs48 } from "react/jsx-runtime";
+var LockLight = ({ className, ...props }) => /* @__PURE__ */ jsxs48("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx48("title", { children: "lock" }),
+  /* @__PURE__ */ jsx48("g", { id: "lock-Light", children: /* @__PURE__ */ jsx48("path", { id: "lock-Light-2", "data-name": "lock-Light", d: "M16.5,9.776V7a4.5,4.5,0,0,0-9,0V9.776A4.493,4.493,0,0,0,4.5,14v3A4.505,4.505,0,0,0,9,21.5h6A4.505,4.505,0,0,0,19.5,17V14A4.493,4.493,0,0,0,16.5,9.776ZM8.5,7a3.5,3.5,0,0,1,7,0V9.55A4.576,4.576,0,0,0,15,9.5H9a4.576,4.576,0,0,0-.5.05Zm10,10A3.5,3.5,0,0,1,15,20.5H9A3.5,3.5,0,0,1,5.5,17V14A3.5,3.5,0,0,1,9,10.5h6A3.5,3.5,0,0,1,18.5,14Zm-6-2v2a.5.5,0,0,1-1,0V15a.5.5,0,0,1,1,0Z" }) })
+] });
+
+// src/LogInLight.tsx
+import { jsx as jsx49, jsxs as jsxs49 } from "react/jsx-runtime";
+var LogInLight = ({ className, ...props }) => /* @__PURE__ */ jsxs49("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx49("title", { children: "log-in" }),
+  /* @__PURE__ */ jsx49("g", { id: "log-in-Light", children: /* @__PURE__ */ jsx49("path", { id: "log-in-Light-2", "data-name": "log-in-Light", d: "M20.5,7V17A4.505,4.505,0,0,1,16,21.5H12a.5.5,0,0,1,0-1h4A3.5,3.5,0,0,0,19.5,17V7A3.5,3.5,0,0,0,16,3.5H12a.5.5,0,0,1,0-1h4A4.505,4.505,0,0,1,20.5,7Zm-6.146,4.646-4-4a.5.5,0,0,0-.708.708L12.793,11.5H4a.5.5,0,0,0,0,1h8.793L9.646,15.646a.5.5,0,0,0,.708.708l4-4A.5.5,0,0,0,14.354,11.646Z" }) })
+] });
+
+// src/LogOutLight.tsx
+import { jsx as jsx50, jsxs as jsxs50 } from "react/jsx-runtime";
+var LogOutLight = ({ className, ...props }) => /* @__PURE__ */ jsxs50("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx50("title", { children: "log-out" }),
+  /* @__PURE__ */ jsx50("g", { id: "log-out-Light", children: /* @__PURE__ */ jsx50("path", { id: "log-out-Light-2", "data-name": "log-out-Light", d: "M12.5,21a.5.5,0,0,1-.5.5H8A4.505,4.505,0,0,1,3.5,17V7A4.505,4.505,0,0,1,8,2.5h4a.5.5,0,0,1,0,1H8A3.5,3.5,0,0,0,4.5,7V17A3.5,3.5,0,0,0,8,20.5h4A.5.5,0,0,1,12.5,21Zm7.854-9.354-4-4a.5.5,0,0,0-.708.708L18.793,11.5H10a.5.5,0,0,0,0,1h8.793l-3.147,3.146a.5.5,0,0,0,.708.708l4-4A.5.5,0,0,0,20.354,11.646Z" }) })
+] });
+
+// src/MapMarkerLight.tsx
+import { jsx as jsx51, jsxs as jsxs51 } from "react/jsx-runtime";
+var MapMarkerLight = ({ className, ...props }) => /* @__PURE__ */ jsxs51("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx51("title", { children: "map-marker" }),
+  /* @__PURE__ */ jsx51("g", { id: "map-marker-Light", children: /* @__PURE__ */ jsx51("path", { id: "map-marker-Light-2", "data-name": "map-marker-Light", d: "M12,6.5A3.5,3.5,0,1,0,15.5,10,3.5,3.5,0,0,0,12,6.5Zm0,6A2.5,2.5,0,1,1,14.5,10,2.5,2.5,0,0,1,12,12.5Zm0-10A7.334,7.334,0,0,0,4.5,10c0,6.088,4.659,9.891,6.661,11.243a1.484,1.484,0,0,0,1.668,0C14.835,19.889,19.5,16.082,19.5,10A7.337,7.337,0,0,0,12,2.5Zm.274,17.915a.485.485,0,0,1-.549,0C10.262,19.429,5.5,15.766,5.5,10A6.355,6.355,0,0,1,12,3.5,6.359,6.359,0,0,1,18.5,10C18.5,15.6,14.143,19.15,12.27,20.415Z" }) })
+] });
+
+// src/MapPinLight.tsx
+import { jsx as jsx52, jsxs as jsxs52 } from "react/jsx-runtime";
+var MapPinLight = ({ className, ...props }) => /* @__PURE__ */ jsxs52("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx52("title", { children: "map-pin" }),
+  /* @__PURE__ */ jsx52("g", { id: "map-pin-Light", children: /* @__PURE__ */ jsx52("path", { id: "map-pin-Light-2", "data-name": "map-pin-Light", d: "M11.5,12.449V17a.5.5,0,0,0,1,0V12.449a5,5,0,1,0-1,0ZM12,3.5a4,4,0,1,1-4,4A4,4,0,0,1,12,3.5ZM19.5,18c0,2-3.224,3.5-7.5,3.5S4.5,20,4.5,18c0-1.446,1.645-2.642,4.4-3.2a.5.5,0,1,1,.2.98c-2.153.436-3.6,1.328-3.6,2.22,0,1.182,2.669,2.5,6.5,2.5s6.5-1.318,6.5-2.5c0-.892-1.446-1.784-3.6-2.22a.5.5,0,1,1,.2-.98C17.855,15.358,19.5,16.554,19.5,18Z" }) })
+] });
+
+// src/MapLight.tsx
+import { jsx as jsx53, jsxs as jsxs53 } from "react/jsx-runtime";
+var MapLight = ({ className, ...props }) => /* @__PURE__ */ jsxs53("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx53("title", { children: "map" }),
+  /* @__PURE__ */ jsx53("g", { id: "map-Light", children: /* @__PURE__ */ jsx53("path", { id: "map-Light-2", "data-name": "map-Light", d: "M20.283,3.888A2.446,2.446,0,0,0,17.877,3.8L15.666,4.934a1.459,1.459,0,0,1-1.332,0L10.123,2.772A2.457,2.457,0,0,0,9.012,2.5L9,2.5l-.012,0a2.457,2.457,0,0,0-1.111.27L4.43,4.542a3.571,3.571,0,0,0-1.93,3.2V17.919a2.544,2.544,0,0,0,1.217,2.192,2.444,2.444,0,0,0,2.406.09l2.211-1.135a1.45,1.45,0,0,1,1.332,0l4.211,2.162a2.444,2.444,0,0,0,1.106.268c.006,0,.011,0,.017,0s.011,0,.017,0a2.444,2.444,0,0,0,1.106-.268l3.447-1.77a3.572,3.572,0,0,0,1.93-3.2V6.08A2.547,2.547,0,0,0,20.283,3.888ZM7.877,18.176,5.666,19.311a1.428,1.428,0,0,1-1.427-.053A1.552,1.552,0,0,1,3.5,17.919V7.742A2.576,2.576,0,0,1,4.887,5.431l3.447-1.77A1.437,1.437,0,0,1,8.5,3.6V17.964A2.428,2.428,0,0,0,7.877,18.176Zm2.246,0a2.428,2.428,0,0,0-.623-.212V3.6a1.437,1.437,0,0,1,.166.061l4.211,2.162a2.43,2.43,0,0,0,.623.213V20.4a1.437,1.437,0,0,1-.166-.061ZM20.5,16.258a2.575,2.575,0,0,1-1.387,2.31l-3.447,1.77a1.657,1.657,0,0,1-.166.062V6.036a2.43,2.43,0,0,0,.623-.213l2.211-1.135a1.428,1.428,0,0,1,1.427.054A1.55,1.55,0,0,1,20.5,6.08Z" }) })
+] });
+
+// src/MenuLight.tsx
+import { jsx as jsx54, jsxs as jsxs54 } from "react/jsx-runtime";
+var MenuLight = ({ className, ...props }) => /* @__PURE__ */ jsxs54("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx54("title", { children: "menu" }),
+  /* @__PURE__ */ jsx54("g", { id: "menu-Light", children: /* @__PURE__ */ jsx54("path", { id: "menu-Light-2", "data-name": "menu-Light", d: "M2.5,5A.5.5,0,0,1,3,4.5H16a.5.5,0,0,1,0,1H3A.5.5,0,0,1,2.5,5ZM21,11.5H3a.5.5,0,0,0,0,1H21a.5.5,0,0,0,0-1Zm-9,7H3a.5.5,0,0,0,0,1h9a.5.5,0,0,0,0-1Z" }) })
+] });
+
+// src/MicrophoneSlashLight.tsx
+import { jsx as jsx55, jsxs as jsxs55 } from "react/jsx-runtime";
+var MicrophoneSlashLight = ({ className, ...props }) => /* @__PURE__ */ jsxs55("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx55("title", { children: "microphone-slash" }),
+  /* @__PURE__ */ jsx55("g", { id: "microphone-slash-Light", children: /* @__PURE__ */ jsx55("path", { id: "microphone-slash-Light-2", "data-name": "microphone-slash-Light", d: "M12,15.5A4.505,4.505,0,0,0,16.5,11V8.207l3.854-3.854a.5.5,0,0,0-.708-.707l-4,4h0l-12,12a.5.5,0,1,0,.708.707l3.287-3.287A7.427,7.427,0,0,0,11.5,18.457V20.5H8a.5.5,0,0,0,0,1h8a.5.5,0,0,0,0-1H12.5V18.474A7.5,7.5,0,0,0,19.5,11a.5.5,0,0,0-1,0A6.462,6.462,0,0,1,8.357,16.349L9.8,14.906A4.465,4.465,0,0,0,12,15.5ZM15.5,11A3.5,3.5,0,0,1,12,14.5a3.445,3.445,0,0,1-1.462-.331L15.5,9.207ZM7.61,12a4.922,4.922,0,0,1-.11-1V7a4.5,4.5,0,0,1,8.191-2.565.5.5,0,0,1-.822.57A3.5,3.5,0,0,0,8.5,7v4a3.877,3.877,0,0,0,.09.8.5.5,0,0,1-.388.591.521.521,0,0,1-.1.011A.5.5,0,0,1,7.61,12Zm-2.274,2.45A7.5,7.5,0,0,1,4.5,11a.5.5,0,0,1,1,0,6.5,6.5,0,0,0,.723,2.989.5.5,0,0,1-.212.674.493.493,0,0,1-.231.057A.5.5,0,0,1,5.336,14.451Z" }) })
+] });
+
+// src/MicrophoneLight.tsx
+import { jsx as jsx56, jsxs as jsxs56 } from "react/jsx-runtime";
+var MicrophoneLight = ({ className, ...props }) => /* @__PURE__ */ jsxs56("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx56("title", { children: "microphone" }),
+  /* @__PURE__ */ jsx56("g", { id: "microphone-Light", children: /* @__PURE__ */ jsx56("path", { id: "microphone-Light-2", "data-name": "microphone-Light", d: "M12,15.5A4.505,4.505,0,0,0,16.5,11V7a4.5,4.5,0,0,0-9,0v4A4.505,4.505,0,0,0,12,15.5ZM8.5,7a3.5,3.5,0,0,1,7,0v4a3.5,3.5,0,0,1-7,0Zm4,11.474V20.5H16a.5.5,0,0,1,0,1H8a.5.5,0,0,1,0-1h3.5V18.474A7.5,7.5,0,0,1,4.5,11a.5.5,0,0,1,1,0,6.5,6.5,0,0,0,13,0,.5.5,0,0,1,1,0A7.5,7.5,0,0,1,12.5,18.474Z" }) })
+] });
+
+// src/MinusSquareLight.tsx
+import { jsx as jsx57, jsxs as jsxs57 } from "react/jsx-runtime";
+var MinusSquareLight = ({ className, ...props }) => /* @__PURE__ */ jsxs57("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx57("title", { children: "minus-square" }),
+  /* @__PURE__ */ jsx57("g", { id: "minus-square-Light", children: /* @__PURE__ */ jsx57("path", { id: "minus-square-Light-2", "data-name": "minus-square-Light", d: "M15,2.5H9A6.508,6.508,0,0,0,2.5,9v6A6.508,6.508,0,0,0,9,21.5h6A6.508,6.508,0,0,0,21.5,15V9A6.508,6.508,0,0,0,15,2.5ZM20.5,15A5.506,5.506,0,0,1,15,20.5H9A5.506,5.506,0,0,1,3.5,15V9A5.506,5.506,0,0,1,9,3.5h6A5.506,5.506,0,0,1,20.5,9Zm-4-3a.5.5,0,0,1-.5.5H8a.5.5,0,0,1,0-1h8A.5.5,0,0,1,16.5,12Z" }) })
+] });
+
+// src/MobileLight.tsx
+import { jsx as jsx58, jsxs as jsxs58 } from "react/jsx-runtime";
+var MobileLight = ({ className, ...props }) => /* @__PURE__ */ jsxs58("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx58("title", { children: "mobile" }),
+  /* @__PURE__ */ jsx58("g", { id: "mobile-Light", children: /* @__PURE__ */ jsx58("path", { id: "mobile-Light-2", "data-name": "mobile-Light", d: "M14,2.5H10A4.5,4.5,0,0,0,5.5,7V17A4.505,4.505,0,0,0,10,21.5h4A4.505,4.505,0,0,0,18.5,17V7A4.5,4.5,0,0,0,14,2.5ZM17.5,17A3.5,3.5,0,0,1,14,20.5H10A3.5,3.5,0,0,1,6.5,17V7A3.5,3.5,0,0,1,10,3.5h4A3.5,3.5,0,0,1,17.5,7Zm-4,1a.5.5,0,0,1-.5.5H11a.5.5,0,0,1,0-1h2A.5.5,0,0,1,13.5,18Z" }) })
+] });
+
+// src/MoreHCircleLight.tsx
+import { jsx as jsx59, jsxs as jsxs59 } from "react/jsx-runtime";
+var MoreHCircleLight = ({ className, ...props }) => /* @__PURE__ */ jsxs59("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx59("title", { children: "more-h-circle" }),
+  /* @__PURE__ */ jsx59("g", { id: "more-h-circle-Light", children: /* @__PURE__ */ jsx59("path", { id: "more-h-circle-Light-2", "data-name": "more-h-circle-Light", d: "M17.5,12a1,1,0,1,1-1-1A1,1,0,0,1,17.5,12ZM12,11a1,1,0,1,0,1,1A1,1,0,0,0,12,11ZM7.5,11a1,1,0,1,0,1,1A1,1,0,0,0,7.5,11Zm14,1A9.5,9.5,0,1,1,12,2.5,9.511,9.511,0,0,1,21.5,12Zm-1,0A8.5,8.5,0,1,0,12,20.5,8.51,8.51,0,0,0,20.5,12Z" }) })
+] });
+
+// src/MoreVCircleLight.tsx
+import { jsx as jsx60, jsxs as jsxs60 } from "react/jsx-runtime";
+var MoreVCircleLight = ({ className, ...props }) => /* @__PURE__ */ jsxs60("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx60("title", { children: "more-v-circle" }),
+  /* @__PURE__ */ jsx60("g", { id: "more-v-circle-Light", children: /* @__PURE__ */ jsx60("path", { id: "more-v-circle-Light-2", "data-name": "more-v-circle-Light", d: "M13,16.5a1,1,0,1,1-1-1A1,1,0,0,1,13,16.5ZM12,11a1,1,0,1,0,1,1A1,1,0,0,0,12,11Zm0-4.5a1,1,0,1,0,1,1A1,1,0,0,0,12,6.5ZM21.5,12A9.5,9.5,0,1,1,12,2.5,9.511,9.511,0,0,1,21.5,12Zm-1,0A8.5,8.5,0,1,0,12,20.5,8.51,8.51,0,0,0,20.5,12Z" }) })
+] });
+
+// src/PackageLight.tsx
+import { jsx as jsx61, jsxs as jsxs61 } from "react/jsx-runtime";
+var PackageLight = ({ className, ...props }) => /* @__PURE__ */ jsxs61("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx61("title", { children: "package" }),
+  /* @__PURE__ */ jsx61("g", { id: "package-Light", children: /* @__PURE__ */ jsx61("path", { id: "package-Light-2", "data-name": "package-Light", d: "M18.715,4.938l-4.4-1.953a5.786,5.786,0,0,0-4.632,0l-4.4,1.953A4.453,4.453,0,0,0,2.5,8.974v6.049a4.453,4.453,0,0,0,2.785,4.036l4.4,1.954a5.729,5.729,0,0,0,2.3.482c.006,0,.012,0,.019,0s.013,0,.019,0a5.729,5.729,0,0,0,2.3-.482l4.4-1.954A4.453,4.453,0,0,0,21.5,15.023V8.974A4.453,4.453,0,0,0,18.715,4.938ZM10.09,3.9a4.771,4.771,0,0,1,3.82,0l4.4,1.954a4.019,4.019,0,0,1,1.156.78L16.5,7.952,8.732,4.5Zm-4.4,1.954,1.809-.8L15.267,8.5,13.3,9.372a3.379,3.379,0,0,1-2.608,0L4.535,6.633A4.019,4.019,0,0,1,5.691,5.853Zm0,12.292A3.468,3.468,0,0,1,3.5,15.023V8.974a3.144,3.144,0,0,1,.4-1.526l6.385,2.838a4.174,4.174,0,0,0,1.21.3v9.858a4.659,4.659,0,0,1-1.409-.347ZM20.5,15.023a3.468,3.468,0,0,1-2.191,3.122l-4.4,1.954a4.659,4.659,0,0,1-1.409.347V10.588a4.174,4.174,0,0,0,1.21-.3L20.1,7.448A3.144,3.144,0,0,1,20.5,8.974Z" }) })
+] });
+
+// src/PaperclipLight.tsx
+import { jsx as jsx62, jsxs as jsxs62 } from "react/jsx-runtime";
+var PaperclipLight = ({ className, ...props }) => /* @__PURE__ */ jsxs62("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx62("title", { children: "paperclip" }),
+  /* @__PURE__ */ jsx62("g", { id: "paperclip-Light", children: /* @__PURE__ */ jsx62("path", { id: "paperclip-Light-2", "data-name": "paperclip-Light", d: "M20.362,14.383l-5.028,5.042A7.137,7.137,0,0,1,10.313,21.5a6.765,6.765,0,0,1-4.832-1.98,7.008,7.008,0,0,1,.095-9.877L11.3,3.9a4.757,4.757,0,0,1,6.741,0,4.791,4.791,0,0,1,0,6.756L12.29,16.427a2.69,2.69,0,0,1-3.725,0,2.648,2.648,0,0,1,0-3.731l5.056-5.069a.5.5,0,1,1,.708.706L9.273,13.4a1.646,1.646,0,0,0,0,2.319,1.668,1.668,0,0,0,2.309,0L17.337,9.95a3.789,3.789,0,0,0,0-5.344,3.849,3.849,0,0,0-5.325,0L6.284,10.349a6.081,6.081,0,0,0-.095,8.465A5.774,5.774,0,0,0,10.313,20.5a6.127,6.127,0,0,0,4.313-1.781l5.028-5.042a.5.5,0,0,1,.708.706Z" }) })
+] });
+
+// src/PenLight.tsx
+import { jsx as jsx63, jsxs as jsxs63 } from "react/jsx-runtime";
+var PenLight = ({ className, ...props }) => /* @__PURE__ */ jsxs63("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx63("title", { children: "pen" }),
+  /* @__PURE__ */ jsx63("g", { id: "pen-Light", children: /* @__PURE__ */ jsx63("path", { id: "pen-Light-2", "data-name": "pen-Light", d: "M20.305,3.7a4.08,4.08,0,0,0-5.77,0L4,14.228a2.481,2.481,0,0,0-.7,1.357l-.79,4.738a1.013,1.013,0,0,0,1.162,1.163l4.739-.79A2.481,2.481,0,0,0,9.771,20L20.305,9.465a4.08,4.08,0,0,0,0-5.77ZM9.064,19.291a1.493,1.493,0,0,1-.813.419L3.5,20.488l.79-4.739a1.489,1.489,0,0,1,.419-.814l8.26-8.26,4.355,4.356ZM19.6,8.758l-1.567,1.566L13.676,5.968,15.242,4.4A3.08,3.08,0,0,1,19.6,8.758Z" }) })
+] });
+
+// src/PhoneLight.tsx
+import { jsx as jsx64, jsxs as jsxs64 } from "react/jsx-runtime";
+var PhoneLight = ({ className, ...props }) => /* @__PURE__ */ jsxs64("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx64("title", { children: "phone" }),
+  /* @__PURE__ */ jsx64("g", { id: "phone-Light", children: /* @__PURE__ */ jsx64("path", { id: "phone-Light-2", "data-name": "phone-Light", d: "M21.44,16.643a3.288,3.288,0,0,0-.075-.333,1.471,1.471,0,0,0-1.186-1.033l-4.332-.721a1.5,1.5,0,0,0-1.431.549c-.051.065-.1.131-.145.2a.544.544,0,0,1-.671.222A9.861,9.861,0,0,1,8.473,10.4a.537.537,0,0,1,.218-.666c.089-.061.175-.125.26-.193a1.514,1.514,0,0,0,.541-1.411L8.821,3.872a1.486,1.486,0,0,0-1-1.19,3.4,3.4,0,0,0-.474-.119A4.029,4.029,0,0,0,4,3.493,4.281,4.281,0,0,0,2.5,6.867,15.044,15.044,0,0,0,17.132,21.5h.116a4.276,4.276,0,0,0,3.241-1.489A4.073,4.073,0,0,0,21.44,16.643Zm-1.708,2.713A3.233,3.233,0,0,1,17.159,20.5,14.042,14.042,0,0,1,3.5,6.84,3.287,3.287,0,0,1,4.65,4.251,3.062,3.062,0,0,1,6.645,3.5a3.025,3.025,0,0,1,.526.047,2.332,2.332,0,0,1,.335.084.492.492,0,0,1,.327.4L8.5,8.283a.51.51,0,0,1-.182.477c-.062.051-.127.1-.194.144A1.531,1.531,0,0,0,7.556,10.8,10.861,10.861,0,0,0,13.2,16.442a1.54,1.54,0,0,0,1.9-.576c.033-.048.068-.1.105-.143a.5.5,0,0,1,.481-.181l4.332.722a.466.466,0,0,1,.387.316c.02.069.037.147.053.234A3.072,3.072,0,0,1,19.732,19.356Z" }) })
+] });
+
+// src/PlusSquareLight.tsx
+import { jsx as jsx65, jsxs as jsxs65 } from "react/jsx-runtime";
+var PlusSquareLight = ({ className, ...props }) => /* @__PURE__ */ jsxs65("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx65("title", { children: "plus-square" }),
+  /* @__PURE__ */ jsx65("g", { id: "plus-square-Light", children: /* @__PURE__ */ jsx65("path", { id: "plus-square-Light-2", "data-name": "plus-square-Light", d: "M15,2.5H9A6.508,6.508,0,0,0,2.5,9v6A6.508,6.508,0,0,0,9,21.5h6A6.508,6.508,0,0,0,21.5,15V9A6.508,6.508,0,0,0,15,2.5ZM20.5,15A5.506,5.506,0,0,1,15,20.5H9A5.506,5.506,0,0,1,3.5,15V9A5.506,5.506,0,0,1,9,3.5h6A5.506,5.506,0,0,1,20.5,9Zm-4-3a.5.5,0,0,1-.5.5H12.5V16a.5.5,0,0,1-1,0V12.5H8a.5.5,0,0,1,0-1h3.5V8a.5.5,0,0,1,1,0v3.5H16A.5.5,0,0,1,16.5,12Z" }) })
+] });
+
+// src/QuestionCircleLight.tsx
+import { jsx as jsx66, jsxs as jsxs66 } from "react/jsx-runtime";
+var QuestionCircleLight = ({ className, ...props }) => /* @__PURE__ */ jsxs66("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx66("title", { children: "question-circle" }),
+  /* @__PURE__ */ jsx66("g", { id: "question-circle-Light", children: /* @__PURE__ */ jsx66("path", { id: "question-circle-Light-2", "data-name": "question-circle-Light", d: "M12,2.5A9.5,9.5,0,1,0,21.5,12,9.511,9.511,0,0,0,12,2.5Zm0,18A8.5,8.5,0,1,1,20.5,12,8.51,8.51,0,0,1,12,20.5ZM15.445,9.369a3.371,3.371,0,0,1-1.681,3.53c-.921.611-1.21,1.023-1.29,1.26a.5.5,0,1,1-.947-.319,3.873,3.873,0,0,1,1.683-1.774,2.407,2.407,0,0,0,1.25-2.524A2.5,2.5,0,0,0,9.5,10a.5.5,0,0,1-1,0,3.5,3.5,0,0,1,6.945-.631ZM12.75,17a.75.75,0,1,1-.75-.75A.75.75,0,0,1,12.75,17Z" }) })
+] });
+
+// src/SearchLight.tsx
+import { jsx as jsx67, jsxs as jsxs67 } from "react/jsx-runtime";
+var SearchLight = ({ className, ...props }) => /* @__PURE__ */ jsxs67("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx67("title", { children: "search" }),
+  /* @__PURE__ */ jsx67("g", { id: "search-Light", children: /* @__PURE__ */ jsx67("path", { id: "search-Light-2", "data-name": "search-Light", d: "M21.354,20.646l-4.863-4.862a8.029,8.029,0,1,0-.707.707l4.862,4.863a.5.5,0,0,0,.708-.708ZM10.5,17.5a7,7,0,1,1,7-7A7.008,7.008,0,0,1,10.5,17.5Z" }) })
+] });
+
+// src/SendLight.tsx
+import { jsx as jsx68, jsxs as jsxs68 } from "react/jsx-runtime";
+var SendLight = ({ className, ...props }) => /* @__PURE__ */ jsxs68("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx68("title", { children: "send" }),
+  /* @__PURE__ */ jsx68("g", { id: "send-Light", children: /* @__PURE__ */ jsx68("path", { id: "send-Light-2", "data-name": "send-Light", d: "M20.75,3.249a2.535,2.535,0,0,0-2.425-.671L5.212,5.856a3.581,3.581,0,0,0,.048,6.959l4.8,1.129,1.129,4.8a3.533,3.533,0,0,0,3.46,2.76h.024a3.532,3.532,0,0,0,3.475-2.713L21.422,5.675A2.532,2.532,0,0,0,20.75,3.249Zm-.3,2.183L17.174,18.545a2.518,2.518,0,0,1-2.5,1.955h-.018a2.518,2.518,0,0,1-2.493-1.99l-1.136-4.826,4.331-4.331a.5.5,0,0,0-.708-.707l-4.33,4.331L5.49,11.841A2.518,2.518,0,0,1,3.5,9.347,2.518,2.518,0,0,1,5.455,6.826L18.567,3.548A1.576,1.576,0,0,1,18.95,3.5a1.556,1.556,0,0,1,1.5,1.932Z" }) })
+] });
+
+// src/SettingsLight.tsx
+import { jsx as jsx69, jsxs as jsxs69 } from "react/jsx-runtime";
+var SettingsLight = ({ className, ...props }) => /* @__PURE__ */ jsxs69("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx69("title", { children: "settings" }),
+  /* @__PURE__ */ jsx69("g", { id: "settings-Light", children: /* @__PURE__ */ jsx69("path", { id: "settings-Light-2", "data-name": "settings-Light", d: "M12.015,15.5A3.5,3.5,0,1,1,15.5,11.985,3.5,3.5,0,0,1,12.015,15.5Zm-.025-6a2.5,2.5,0,1,0,2.51,2.49A2.5,2.5,0,0,0,11.99,9.5Zm.55,12-1,0A2,2,0,0,1,9.531,19.51a.61.61,0,0,0-.378-.569l-.007,0a.579.579,0,0,0-.631.128,2.008,2.008,0,0,1-2.85.033l-.708-.7a2,2,0,0,1-.008-2.833.621.621,0,0,0,.129-.667v0a.584.584,0,0,0-.541-.363A2.007,2.007,0,0,1,2.5,12.54l0-1A2,2,0,0,1,4.49,9.531a.61.61,0,0,0,.569-.378l0-.007a.582.582,0,0,0-.128-.631A2.009,2.009,0,0,1,4.9,5.665l.705-.711a2,2,0,0,1,2.829-.012.609.609,0,0,0,.669.137.581.581,0,0,0,.365-.541A2.008,2.008,0,0,1,11.46,2.5l1,0A2,2,0,0,1,14.469,4.49a.592.592,0,0,0,.369.564h0a.616.616,0,0,0,.654-.121,1.992,1.992,0,0,1,1.425-.609h0a1.989,1.989,0,0,1,1.417.58l.708.7a2,2,0,0,1,.012,2.829.6.6,0,0,0-.143.657l.007.014a.579.579,0,0,0,.54.363A2.008,2.008,0,0,1,21.5,11.46l0,1a2,2,0,0,1-1.992,2.009.592.592,0,0,0-.564.369h0a.618.618,0,0,0,.121.654,2,2,0,0,1,.029,2.845l-.7.708a2,2,0,0,1-2.829.012.6.6,0,0,0-.657-.143.6.6,0,0,0-.377.547A2.008,2.008,0,0,1,12.54,21.5ZM9.581,18.039a1.612,1.612,0,0,1,.95,1.439,1.008,1.008,0,0,0,1,1.024l1,0a1,1,0,0,0,1-1,1.62,1.62,0,0,1,.993-1.5,1.58,1.58,0,0,1,1.724.335,1.009,1.009,0,0,0,1.436.015l.7-.708a1,1,0,0,0-.008-1.417,1.621,1.621,0,0,1-.364-1.74l0-.011,0-.013a1.574,1.574,0,0,1,1.457-.984,1.008,1.008,0,0,0,1.022-1l0-1a1,1,0,0,0-1-1A1.589,1.589,0,0,1,18,9.5l0-.007a1.586,1.586,0,0,1,.33-1.737,1.008,1.008,0,0,0,.015-1.436l-.708-.7a1,1,0,0,0-.709-.29h0a.99.99,0,0,0-.707.3,1.621,1.621,0,0,1-1.74.364l-.011,0-.013,0a1.574,1.574,0,0,1-.984-1.457,1.008,1.008,0,0,0-1-1.022l-1,0a1,1,0,0,0-1,1A1.588,1.588,0,0,1,9.489,6a1.612,1.612,0,0,1-1.737-.33,1.009,1.009,0,0,0-1.436-.015l-.7.711a1,1,0,0,0,.006,1.415,1.59,1.59,0,0,1,.37,1.742.464.464,0,0,1-.026.055,1.612,1.612,0,0,1-1.439.95,1.008,1.008,0,0,0-1.024,1l0,1a1,1,0,0,0,1,1A1.585,1.585,0,0,1,6,14.506l0,.01,0,.011a1.617,1.617,0,0,1-.337,1.731,1,1,0,0,0-.009,1.429l.708.7a1,1,0,0,0,1.415-.006,1.59,1.59,0,0,1,1.742-.37A.464.464,0,0,1,9.581,18.039Z" }) })
+] });
+
+// src/ShieldLight.tsx
+import { jsx as jsx70, jsxs as jsxs70 } from "react/jsx-runtime";
+var ShieldLight = ({ className, ...props }) => /* @__PURE__ */ jsxs70("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx70("title", { children: "shield" }),
+  /* @__PURE__ */ jsx70("g", { id: "shield-Light", children: /* @__PURE__ */ jsx70("path", { id: "shield-Light-2", "data-name": "shield-Light", d: "M20.158,6.526C17.232,5.55,13.3,3.594,12.372,2.649A.5.5,0,0,0,12.02,2.5a.515.515,0,0,0-.355.144,20.247,20.247,0,0,1-7.8,4.005A.5.5,0,0,0,3.5,7.13c0,8.271,1.208,12.306,8.364,14.351a.5.5,0,0,0,.274,0C19.293,19.436,20.5,15.361,20.5,7A.5.5,0,0,0,20.158,6.526ZM12,20.479C5.65,18.619,4.535,15.094,4.5,7.505a22.234,22.234,0,0,0,7.523-3.837A32.632,32.632,0,0,0,19.5,7.357C19.467,15.049,18.356,18.617,12,20.479Z" }) })
+] });
+
+// src/ShoppingBasketLight.tsx
+import { jsx as jsx71, jsxs as jsxs71 } from "react/jsx-runtime";
+var ShoppingBasketLight = ({ className, ...props }) => /* @__PURE__ */ jsxs71("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx71("title", { children: "shopping-basket" }),
+  /* @__PURE__ */ jsx71("g", { id: "shopping-basket-Light", children: /* @__PURE__ */ jsx71("path", { id: "shopping-basket-Light-2", "data-name": "shopping-basket-Light", d: "M10.5,15v3a.5.5,0,0,1-1,0V15a.5.5,0,0,1,1,0Zm3.5-.5a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,1,0V15A.5.5,0,0,0,14,14.5Zm5.965-2.2-.783,6.138A3.507,3.507,0,0,1,15.71,21.5h-7.4a3.509,3.509,0,0,1-3.47-3.045l-.806-6.15A2.5,2.5,0,0,1,5,7.5H6.717L9.571,2.742a.5.5,0,0,1,.858.515L7.883,7.5h8.234L13.571,3.257a.5.5,0,0,1,.858-.515L17.283,7.5H19a2.5,2.5,0,0,1,.965,4.805ZM18.19,18.316l.742-5.816H5.07l.763,5.825A2.508,2.508,0,0,0,8.312,20.5h7.4A2.506,2.506,0,0,0,18.19,18.316ZM20.5,10A1.5,1.5,0,0,0,19,8.5H5a1.5,1.5,0,0,0,0,3H19A1.5,1.5,0,0,0,20.5,10Z" }) })
+] });
+
+// src/SlidersHLight.tsx
+import { jsx as jsx72, jsxs as jsxs72 } from "react/jsx-runtime";
+var SlidersHLight = ({ className, ...props }) => /* @__PURE__ */ jsxs72("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx72("title", { children: "sliders-h" }),
+  /* @__PURE__ */ jsx72("g", { id: "sliders-h-Light", children: /* @__PURE__ */ jsx72("path", { id: "sliders-h-Light-2", "data-name": "sliders-h-Light", d: "M8.5,4A3,3,0,0,0,5.551,6.5H3a.5.5,0,0,0,0,1H5.551A3,3,0,1,0,8.5,4Zm0,5a2,2,0,1,1,2-2A2,2,0,0,1,8.5,9Zm6-2a.5.5,0,0,1,.5-.5h6a.5.5,0,0,1,0,1H15A.5.5,0,0,1,14.5,7ZM21,16.5H18.449a3,3,0,1,0,0,1H21a.5.5,0,0,0,0-1ZM15.5,19a2,2,0,1,1,2-2A2,2,0,0,1,15.5,19Zm-6-2a.5.5,0,0,1-.5.5H3a.5.5,0,0,1,0-1H9A.5.5,0,0,1,9.5,17Z" }) })
+] });
+
+// src/SortAscendingLight.tsx
+import { jsx as jsx73, jsxs as jsxs73 } from "react/jsx-runtime";
+var SortAscendingLight = ({ className, ...props }) => /* @__PURE__ */ jsxs73("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx73("title", { children: "sort-ascending" }),
+  /* @__PURE__ */ jsx73("g", { id: "sort-ascending-Light", children: /* @__PURE__ */ jsx73("path", { id: "sort-ascending-Light-2", "data-name": "sort-ascending-Light", d: "M12,2.5A9.5,9.5,0,1,0,21.5,12,9.511,9.511,0,0,0,12,2.5Zm0,18A8.5,8.5,0,1,1,20.5,12,8.51,8.51,0,0,1,12,20.5ZM16.5,16a.5.5,0,0,1-.5.5H8a.5.5,0,0,1,0-1h8A.5.5,0,0,1,16.5,16ZM9,12a.5.5,0,0,1,.5-.5h5a.5.5,0,0,1,0,1h-5A.5.5,0,0,1,9,12Zm1.5-4a.5.5,0,0,1,.5-.5h2a.5.5,0,0,1,0,1H11A.5.5,0,0,1,10.5,8Z" }) })
+] });
+
+// src/SortDescendingLight.tsx
+import { jsx as jsx74, jsxs as jsxs74 } from "react/jsx-runtime";
+var SortDescendingLight = ({ className, ...props }) => /* @__PURE__ */ jsxs74("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx74("title", { children: "sort-descending" }),
+  /* @__PURE__ */ jsx74("g", { id: "sort-descending-Light", children: /* @__PURE__ */ jsx74("path", { id: "sort-descending-Light-2", "data-name": "sort-descending-Light", d: "M12,2.5A9.5,9.5,0,1,0,21.5,12,9.511,9.511,0,0,0,12,2.5Zm0,18A8.5,8.5,0,1,1,20.5,12,8.51,8.51,0,0,1,12,20.5ZM16.5,8a.5.5,0,0,1-.5.5H8a.5.5,0,0,1,0-1h8A.5.5,0,0,1,16.5,8ZM15,12a.5.5,0,0,1-.5.5h-5a.5.5,0,0,1,0-1h5A.5.5,0,0,1,15,12Zm-1.5,4a.5.5,0,0,1-.5.5H11a.5.5,0,0,1,0-1h2A.5.5,0,0,1,13.5,16Z" }) })
+] });
+
+// src/StarLight.tsx
+import { jsx as jsx75, jsxs as jsxs75 } from "react/jsx-runtime";
+var StarLight = ({ className, ...props }) => /* @__PURE__ */ jsxs75("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx75("title", { children: "star" }),
+  /* @__PURE__ */ jsx75("g", { id: "star-Light", children: /* @__PURE__ */ jsx75("path", { id: "star-Light-2", "data-name": "star-Light", d: "M21.411,10.25A1.844,1.844,0,0,0,19.9,8.986l-4.309-.617L13.668,4.524h0a1.871,1.871,0,0,0-3.336,0L8.406,8.369,4.1,8.986A1.844,1.844,0,0,0,2.589,10.25a1.821,1.821,0,0,0,.477,1.881l3.114,2.99-.735,4.221a1.827,1.827,0,0,0,.726,1.793,1.868,1.868,0,0,0,1.973.151l3.856-2,3.856,2a1.866,1.866,0,0,0,1.973-.151,1.827,1.827,0,0,0,.726-1.793l-.735-4.221,3.114-2.991A1.819,1.819,0,0,0,21.411,10.25Zm-1.17,1.159-3.3,3.175a.5.5,0,0,0-.147.447l.78,4.483a.817.817,0,0,1-.332.814.861.861,0,0,1-.921.071L12.23,18.282a.5.5,0,0,0-.46,0L7.684,20.4a.859.859,0,0,1-.921-.071.817.817,0,0,1-.332-.814l.78-4.483a.5.5,0,0,0-.147-.447l-3.3-3.175a.814.814,0,0,1-.218-.853.84.84,0,0,1,.7-.58l4.569-.654a.5.5,0,0,0,.376-.271l2.043-4.08a.9.9,0,0,1,1.548,0h0l2.043,4.079a.5.5,0,0,0,.376.271l4.569.654a.84.84,0,0,1,.7.58A.814.814,0,0,1,20.241,11.409Z" }) })
+] });
+
+// src/StopwatchLight.tsx
+import { jsx as jsx76, jsxs as jsxs76 } from "react/jsx-runtime";
+var StopwatchLight = ({ className, ...props }) => /* @__PURE__ */ jsxs76("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx76("title", { children: "stopwatch" }),
+  /* @__PURE__ */ jsx76("g", { id: "stopwatch-Light", children: /* @__PURE__ */ jsx76("path", { id: "stopwatch-Light-2", "data-name": "stopwatch-Light", d: "M17.734,7.933a.493.493,0,0,0,.12-.08l1.5-1.5a.5.5,0,1,0-.708-.707l-1.5,1.5a.528.528,0,0,0-.1.153A7.955,7.955,0,0,0,12.5,5.525V3.5H14a.5.5,0,0,0,0-1H10a.5.5,0,0,0,0,1h1.5V5.525a8,8,0,1,0,6.234,2.408ZM12,20.5a7,7,0,1,1,7-7A7.008,7.008,0,0,1,12,20.5Zm2.391-4.813a.5.5,0,0,1-.782.625l-2-2.5A.5.5,0,0,1,11.5,13.5V10a.5.5,0,0,1,1,0v3.324Z" }) })
+] });
+
+// src/StoreLight.tsx
+import { jsx as jsx77, jsxs as jsxs77 } from "react/jsx-runtime";
+var StoreLight = ({ className, ...props }) => /* @__PURE__ */ jsxs77("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx77("title", { children: "store" }),
+  /* @__PURE__ */ jsx77("g", { id: "store-Light", children: /* @__PURE__ */ jsx77("path", { id: "store-Light-2", "data-name": "store-Light", d: "M21.5,9a.5.5,0,0,0-.026-.158L20.386,5.576A4.494,4.494,0,0,0,16.117,2.5H7.883A4.494,4.494,0,0,0,3.614,5.576L2.526,8.842A.5.5,0,0,0,2.5,9a3.494,3.494,0,0,0,1,2.446l0,.012V18A3.5,3.5,0,0,0,7,21.5h3.527V18a1.5,1.5,0,0,1,3,0v3.5H17A3.5,3.5,0,0,0,20.5,18V11.458l0-.012A3.494,3.494,0,0,0,21.5,9ZM4.562,5.893A3.5,3.5,0,0,1,7.883,3.5h8.234a3.494,3.494,0,0,1,3.32,2.393L20.5,9.077A2.5,2.5,0,0,1,18.01,11.5a2.74,2.74,0,0,1-2.538-1.666A.5.5,0,0,0,15,9.5h0a.5.5,0,0,0-.471.338,2.752,2.752,0,0,1-5.054,0A.5.5,0,0,0,9,9.5a.589.589,0,0,0-.474.334A2.74,2.74,0,0,1,5.99,11.5,2.5,2.5,0,0,1,3.5,9.077ZM17,20.5H14.527V18a2.5,2.5,0,0,0-5,0v2.5H7A2.5,2.5,0,0,1,4.5,18V12.151a3.44,3.44,0,0,0,1.49.349A3.853,3.853,0,0,0,9,11.034a3.809,3.809,0,0,0,6.006,0A3.854,3.854,0,0,0,18.01,12.5a3.44,3.44,0,0,0,1.49-.349V18A2.5,2.5,0,0,1,17,20.5Z" }) })
+] });
+
+// src/TabletLight.tsx
+import { jsx as jsx78, jsxs as jsxs78 } from "react/jsx-runtime";
+var TabletLight = ({ className, ...props }) => /* @__PURE__ */ jsxs78("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx78("title", { children: "tablet" }),
+  /* @__PURE__ */ jsx78("g", { id: "tablet-Light", children: /* @__PURE__ */ jsx78("path", { id: "tablet-Light-2", "data-name": "tablet-Light", d: "M13.5,18a.5.5,0,0,1-.5.5H11a.5.5,0,0,1,0-1h2A.5.5,0,0,1,13.5,18Zm6-11V17A4.505,4.505,0,0,1,15,21.5H9A4.505,4.505,0,0,1,4.5,17V7A4.5,4.5,0,0,1,9,2.5h6A4.5,4.5,0,0,1,19.5,7Zm-1,0A3.5,3.5,0,0,0,15,3.5H9A3.5,3.5,0,0,0,5.5,7V17A3.5,3.5,0,0,0,9,20.5h6A3.5,3.5,0,0,0,18.5,17Z" }) })
+] });
+
+// src/TagLight.tsx
+import { jsx as jsx79, jsxs as jsxs79 } from "react/jsx-runtime";
+var TagLight = ({ className, ...props }) => /* @__PURE__ */ jsxs79("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx79("title", { children: "tag" }),
+  /* @__PURE__ */ jsx79("g", { id: "tag-Light", children: /* @__PURE__ */ jsx79("path", { id: "tag-Light-2", "data-name": "tag-Light", d: "M20.183,10.353,13.649,3.819A4.47,4.47,0,0,0,10.467,2.5H6A3.5,3.5,0,0,0,2.5,6v4.466a4.47,4.47,0,0,0,1.318,3.182l6.534,6.534a4.5,4.5,0,0,0,6.364,0l3.466-3.466A4.5,4.5,0,0,0,20.183,10.353Zm-.707,5.657L16.01,19.476a3.5,3.5,0,0,1-4.95,0L4.526,12.942A3.477,3.477,0,0,1,3.5,10.467V6A2.5,2.5,0,0,1,6,3.5h4.466a3.477,3.477,0,0,1,2.475,1.025l6.534,6.534A3.5,3.5,0,0,1,19.476,16.01ZM8.5,7.5a1,1,0,1,1-1-1A1,1,0,0,1,8.5,7.5Z" }) })
+] });
+
+// src/ThumbtackLight.tsx
+import { jsx as jsx80, jsxs as jsxs80 } from "react/jsx-runtime";
+var ThumbtackLight = ({ className, ...props }) => /* @__PURE__ */ jsxs80("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx80("title", { children: "thumbtack" }),
+  /* @__PURE__ */ jsx80("g", { id: "thumbtack-Light", children: /* @__PURE__ */ jsx80("path", { id: "thumbtack-Light-2", "data-name": "thumbtack-Light", d: "M17.233,9.526,16.5,8.793v-2.6A5.488,5.488,0,0,0,17.5,3a.5.5,0,0,0-.5-.5H7a.5.5,0,0,0-.5.5,5.487,5.487,0,0,0,1,3.192v2.6l-.733.733A7.69,7.69,0,0,0,4.5,15a.5.5,0,0,0,.5.5h6.5V21a.5.5,0,0,0,1,0V15.5H19a.5.5,0,0,0,.5-.5A7.688,7.688,0,0,0,17.233,9.526ZM5.519,14.5a6.683,6.683,0,0,1,1.955-4.266l.88-.88A.5.5,0,0,0,8.5,9V6a.5.5,0,0,0-.146-.353A3.941,3.941,0,0,1,7.53,3.5h8.94a3.948,3.948,0,0,1-.824,2.146A.5.5,0,0,0,15.5,6V9a.5.5,0,0,0,.146.353l.88.88A6.683,6.683,0,0,1,18.481,14.5Z" }) })
+] });
+
+// src/TimesSquareLight.tsx
+import { jsx as jsx81, jsxs as jsxs81 } from "react/jsx-runtime";
+var TimesSquareLight = ({ className, ...props }) => /* @__PURE__ */ jsxs81("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx81("title", { children: "times-square" }),
+  /* @__PURE__ */ jsxs81("g", { id: "times-square-Light", children: [
+    /* @__PURE__ */ jsx81("path", { id: "times-square-Light-2", "data-name": "times-square-Light", d: "M15.354,9.353,12.707,12l2.647,2.646a.5.5,0,1,1-.708.707L12,12.707,9.354,15.353a.5.5,0,1,1-.708-.707L11.293,12,8.646,9.353a.5.5,0,0,1,.708-.707L12,11.293l2.646-2.647a.5.5,0,0,1,.708.707ZM21.5,9v6A6.508,6.508,0,0,1,15,21.5H9A6.508,6.508,0,0,1,2.5,15V9A6.508,6.508,0,0,1,9,2.5h6A6.508,6.508,0,0,1,21.5,9Zm-1,0A5.506,5.506,0,0,0,15,3.5H9A5.506,5.506,0,0,0,3.5,9v6A5.506,5.506,0,0,0,9,20.5h6A5.506,5.506,0,0,0,20.5,15Z" }),
+    /* @__PURE__ */ jsx81("path", { id: "times-square-Light-3", "data-name": "times-square-Light", d: "M15.354,9.354,12.707,12l2.647,2.646a.5.5,0,0,1-.708.708L12,12.707,9.354,15.354a.5.5,0,0,1-.708-.708L11.293,12,8.646,9.354a.5.5,0,0,1,.708-.708L12,11.293l2.646-2.647a.5.5,0,0,1,.708.708ZM21.5,9v6A6.508,6.508,0,0,1,15,21.5H9A6.508,6.508,0,0,1,2.5,15V9A6.508,6.508,0,0,1,9,2.5h6A6.508,6.508,0,0,1,21.5,9Zm-1,0A5.506,5.506,0,0,0,15,3.5H9A5.506,5.506,0,0,0,3.5,9v6A5.506,5.506,0,0,0,9,20.5h6A5.506,5.506,0,0,0,20.5,15Z" })
+  ] })
+] });
+
+// src/TrashLight.tsx
+import { jsx as jsx82, jsxs as jsxs82 } from "react/jsx-runtime";
+var TrashLight = ({ className, ...props }) => /* @__PURE__ */ jsxs82("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx82("title", { children: "trash" }),
+  /* @__PURE__ */ jsx82("g", { id: "trash-Light", children: /* @__PURE__ */ jsx82("path", { id: "trash-Light-2", "data-name": "trash-Light", d: "M21,5.5H17.441a1.5,1.5,0,0,1-1.422-1.026L15.7,3.525A1.5,1.5,0,0,0,14.279,2.5H9.721A1.5,1.5,0,0,0,8.3,3.525l-.315.949A1.5,1.5,0,0,1,6.559,5.5H3a.5.5,0,0,0,0,1H4.532l.782,11.733A3.51,3.51,0,0,0,8.807,21.5h6.386a3.51,3.51,0,0,0,3.493-3.267L19.468,6.5H21a.5.5,0,0,0,0-1ZM9.246,3.842A.5.5,0,0,1,9.721,3.5h4.558a.5.5,0,0,1,.474.342l.317.949a2.511,2.511,0,0,0,.372.709H8.558a2.514,2.514,0,0,0,.373-.709Zm8.441,14.325A2.5,2.5,0,0,1,15.193,20.5H8.807a2.506,2.506,0,0,1-2.495-2.333L5.535,6.5H6.559a2.541,2.541,0,0,0,.316-.025A.478.478,0,0,0,7,6.5H17a.478.478,0,0,0,.125-.025,2.541,2.541,0,0,0,.316.025h1.024ZM14.5,11v5a.5.5,0,0,1-1,0V11a.5.5,0,0,1,1,0Zm-4,0v5a.5.5,0,0,1-1,0V11a.5.5,0,0,1,1,0Z" }) })
+] });
+
+// src/UnlockLight.tsx
+import { jsx as jsx83, jsxs as jsxs83 } from "react/jsx-runtime";
+var UnlockLight = ({ className, ...props }) => /* @__PURE__ */ jsxs83("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx83("title", { children: "unlock" }),
+  /* @__PURE__ */ jsx83("g", { id: "unlock-Light", children: /* @__PURE__ */ jsx83("path", { id: "unlock-Light-2", "data-name": "unlock-Light", d: "M15,9.5H9a4.576,4.576,0,0,0-.5.05V7A3.5,3.5,0,0,1,12,3.5a3.675,3.675,0,0,1,3.516,2.624.5.5,0,1,0,.968-.249A4.638,4.638,0,0,0,12,2.5,4.5,4.5,0,0,0,7.5,7V9.776A4.493,4.493,0,0,0,4.5,14v3A4.505,4.505,0,0,0,9,21.5h6A4.505,4.505,0,0,0,19.5,17V14A4.5,4.5,0,0,0,15,9.5ZM18.5,17A3.5,3.5,0,0,1,15,20.5H9A3.5,3.5,0,0,1,5.5,17V14A3.5,3.5,0,0,1,9,10.5h6A3.5,3.5,0,0,1,18.5,14Zm-6-2v2a.5.5,0,0,1-1,0V15a.5.5,0,0,1,1,0Z" }) })
+] });
+
+// src/UploadLight.tsx
+import { jsx as jsx84, jsxs as jsxs84 } from "react/jsx-runtime";
+var UploadLight = ({ className, ...props }) => /* @__PURE__ */ jsxs84("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx84("title", { children: "upload" }),
+  /* @__PURE__ */ jsx84("g", { id: "upload-Light", children: /* @__PURE__ */ jsx84("path", { id: "upload-Light-2", "data-name": "upload-Light", d: "M8.646,7.354a.5.5,0,0,1,0-.708l3-3a.5.5,0,0,1,.708,0l3,3a.5.5,0,0,1-.708.708L12.5,5.207V11a.5.5,0,0,1-1,0V5.207L9.354,7.354A.5.5,0,0,1,8.646,7.354ZM17,10.5a.5.5,0,0,0,0,1A3.5,3.5,0,0,1,20.5,15v1A3.5,3.5,0,0,1,17,19.5H7A3.5,3.5,0,0,1,3.5,16V15A3.5,3.5,0,0,1,7,11.5a.5.5,0,0,0,0-1A4.505,4.505,0,0,0,2.5,15v1A4.505,4.505,0,0,0,7,20.5H17A4.505,4.505,0,0,0,21.5,16V15A4.505,4.505,0,0,0,17,10.5ZM17,16a1,1,0,1,0-1-1A1,1,0,0,0,17,16Z" }) })
+] });
+
+// src/UserLight.tsx
+import { jsx as jsx85, jsxs as jsxs85 } from "react/jsx-runtime";
+var UserLight = ({ className, ...props }) => /* @__PURE__ */ jsxs85("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx85("title", { children: "user" }),
+  /* @__PURE__ */ jsx85("g", { id: "user-Light", children: /* @__PURE__ */ jsx85("path", { id: "user-Light-2", "data-name": "user-Light", d: "M12,12.5a5,5,0,1,0-5-5A5.006,5.006,0,0,0,12,12.5Zm0-9a4,4,0,1,1-4,4A4,4,0,0,1,12,3.5Zm7.5,14.467v1.011a3.526,3.526,0,0,1-.9,2.355.5.5,0,0,1-.746-.667,2.521,2.521,0,0,0,.643-1.688V17.967a3.509,3.509,0,0,0-2.632-3.428,1.273,1.273,0,0,0-.931.121,6.057,6.057,0,0,1-5.87,0,1.265,1.265,0,0,0-.934-.124A3.51,3.51,0,0,0,5.5,17.967v1.011a2.521,2.521,0,0,0,.643,1.688.5.5,0,0,1-.746.667,3.526,3.526,0,0,1-.9-2.355V17.967a4.51,4.51,0,0,1,3.388-4.4,2.281,2.281,0,0,1,1.67.222,5.05,5.05,0,0,0,4.889,0,2.271,2.271,0,0,1,1.666-.22A4.509,4.509,0,0,1,19.5,17.967Z" }) })
+] });
+
+// src/UsersThreeLight.tsx
+import { jsx as jsx86, jsxs as jsxs86 } from "react/jsx-runtime";
+var UsersThreeLight = ({ className, ...props }) => /* @__PURE__ */ jsxs86("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx86("title", { children: "users-three" }),
+  /* @__PURE__ */ jsx86("g", { id: "users-three-Light", children: /* @__PURE__ */ jsx86("path", { id: "users-three-Light-2", "data-name": "users-three-Light", d: "M12,13.5A4.5,4.5,0,1,0,7.5,9,4.505,4.505,0,0,0,12,13.5Zm0-8A3.5,3.5,0,1,1,8.5,9,3.5,3.5,0,0,1,12,5.5Zm6.5,12.9v.866a3.1,3.1,0,0,1-.787,2.067.5.5,0,0,1-.373.167.494.494,0,0,1-.333-.128.5.5,0,0,1-.04-.706,2.094,2.094,0,0,0,.533-1.4V18.4a2.937,2.937,0,0,0-2.2-2.869,1,1,0,0,0-.744.1,5.27,5.27,0,0,1-5.1,0,1.006,1.006,0,0,0-.749-.1A2.937,2.937,0,0,0,6.5,18.4v.866a2.094,2.094,0,0,0,.533,1.4.5.5,0,0,1-.746.667A3.1,3.1,0,0,1,5.5,19.266V18.4a3.938,3.938,0,0,1,2.958-3.839,2.02,2.02,0,0,1,1.484.2,4.259,4.259,0,0,0,4.12,0,2.027,2.027,0,0,1,1.48-.2A3.938,3.938,0,0,1,18.5,18.4ZM17.528,5a.5.5,0,0,1,.639-.3,3.5,3.5,0,0,1,1.166,5.909.494.494,0,0,1-.333.128.5.5,0,0,1-.333-.873,2.5,2.5,0,0,0-.834-4.221A.5.5,0,0,1,17.528,5ZM21.5,15.833v.722a.5.5,0,0,1-1,0v-.722a2.365,2.365,0,0,0-1.772-2.31.5.5,0,1,1,.244-.97A3.364,3.364,0,0,1,21.5,15.833ZM4.667,11.052A3.5,3.5,0,0,1,5.833,5.143a.5.5,0,0,1,.334.944,2.5,2.5,0,0,0-.834,4.22A.5.5,0,0,1,5,11.18.494.494,0,0,1,4.667,11.052Zm.605,2.916A2.365,2.365,0,0,0,3.5,16.278V17a.5.5,0,0,1-1,0v-.722A3.363,3.363,0,0,1,5.028,13a.5.5,0,1,1,.244.97Z" }) })
+] });
+
+// src/UsersLight.tsx
+import { jsx as jsx87, jsxs as jsxs87 } from "react/jsx-runtime";
+var UsersLight = ({ className, ...props }) => /* @__PURE__ */ jsxs87("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx87("title", { children: "users" }),
+  /* @__PURE__ */ jsx87("g", { id: "users-Light", children: /* @__PURE__ */ jsx87("path", { id: "users-Light-2", "data-name": "users-Light", d: "M16.5,17.638v.507a3.259,3.259,0,0,1-.844,2.191.5.5,0,0,1-.741-.672,2.259,2.259,0,0,0,.585-1.519v-.507a3.186,3.186,0,0,0-2.416-3.1,1.151,1.151,0,0,0-.84.108,5.726,5.726,0,0,1-5.483,0,1.149,1.149,0,0,0-.845-.111,3.186,3.186,0,0,0-2.416,3.1v.507a2.26,2.26,0,0,0,.585,1.519.5.5,0,0,1-.741.671,3.258,3.258,0,0,1-.844-2.19v-.507a4.186,4.186,0,0,1,3.174-4.074,2.172,2.172,0,0,1,1.574.208,4.716,4.716,0,0,0,4.509,0,2.154,2.154,0,0,1,1.569-.2A4.184,4.184,0,0,1,16.5,17.638Zm1.826-4.074a.5.5,0,0,0-.242.971,3.186,3.186,0,0,1,2.416,3.1v.507a2.259,2.259,0,0,1-.585,1.519.5.5,0,0,0,.741.672,3.259,3.259,0,0,0,.844-2.191v-.507A4.186,4.186,0,0,0,18.326,13.564ZM5,8a4.5,4.5,0,1,1,4.5,4.5A4.5,4.5,0,0,1,5,8ZM6,8A3.5,3.5,0,1,0,9.5,4.5,3.5,3.5,0,0,0,6,8Zm9.062-4.466a.5.5,0,0,0-.124.993,3.5,3.5,0,0,1,1.749,6.2.5.5,0,0,0,.626.78,4.5,4.5,0,0,0-2.251-7.978Z" }) })
+] });
+
+// src/VideoSlashLight.tsx
+import { jsx as jsx88, jsxs as jsxs88 } from "react/jsx-runtime";
+var VideoSlashLight = ({ className, ...props }) => /* @__PURE__ */ jsxs88("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx88("title", { children: "video-slash" }),
+  /* @__PURE__ */ jsx88("g", { id: "video-slash-Light", children: /* @__PURE__ */ jsx88("path", { id: "video-slash-Light-2", "data-name": "video-slash-Light", d: "M3.721,16.78a.5.5,0,0,1-.412-.216A4.489,4.489,0,0,1,2.5,14V10A4.5,4.5,0,0,1,7,5.5h4a4.487,4.487,0,0,1,2.564.809A.5.5,0,1,1,13,7.131,3.491,3.491,0,0,0,11,6.5H7A3.5,3.5,0,0,0,3.5,10v4A3.491,3.491,0,0,0,4.131,16a.5.5,0,0,1-.41.785ZM21.5,9.238v5.523a1.7,1.7,0,0,1-2.641,1.416L15.5,13.945V14A4.505,4.505,0,0,1,11,18.5H7a4.7,4.7,0,0,1-.727-.067l-1.919,1.92a.5.5,0,0,1-.708-.707l16-16a.5.5,0,0,1,.708.707l-4.92,4.92A4.812,4.812,0,0,1,15.5,10v.055l3.359-2.233A1.7,1.7,0,0,1,21.5,9.238ZM14.5,14V10.207L7.207,17.5H11A3.5,3.5,0,0,0,14.5,14Zm6-4.762a.7.7,0,0,0-1.088-.583l-3.912,2.6v1.488l3.913,2.6a.7.7,0,0,0,1.087-.583Z" }) })
+] });
+
+// src/VideoLight.tsx
+import { jsx as jsx89, jsxs as jsxs89 } from "react/jsx-runtime";
+var VideoLight = ({ className, ...props }) => /* @__PURE__ */ jsxs89("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx89("title", { children: "video" }),
+  /* @__PURE__ */ jsx89("g", { id: "video-Light", children: /* @__PURE__ */ jsx89("path", { id: "video-Light-2", "data-name": "video-Light", d: "M20.6,7.74a1.7,1.7,0,0,0-1.745.082L15.5,10.055V10A4.5,4.5,0,0,0,11,5.5H7A4.5,4.5,0,0,0,2.5,10v4A4.505,4.505,0,0,0,7,18.5h4A4.505,4.505,0,0,0,15.5,14v-.055l3.359,2.232A1.7,1.7,0,0,0,21.5,14.761V9.238A1.7,1.7,0,0,0,20.6,7.74ZM14.5,14A3.5,3.5,0,0,1,11,17.5H7A3.5,3.5,0,0,1,3.5,14V10A3.5,3.5,0,0,1,7,6.5h4A3.5,3.5,0,0,1,14.5,10Zm6,.761a.7.7,0,0,1-1.087.583l-3.913-2.6V11.256l3.912-2.6a.7.7,0,0,1,1.088.583Z" }) })
+] });
+
+// src/VolumeUpLight.tsx
+import { jsx as jsx90, jsxs as jsxs90 } from "react/jsx-runtime";
+var VolumeUpLight = ({ className, ...props }) => /* @__PURE__ */ jsxs90("svg", { id: "magicoon-Light", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx90("title", { children: "volume-up" }),
+  /* @__PURE__ */ jsx90("g", { id: "volume-up-Light", children: /* @__PURE__ */ jsx90("path", { id: "volume-up-Light-2", "data-name": "volume-up-Light", d: "M11.751,3.778a2.964,2.964,0,0,0-3.2.449l-2.6,2.225a.492.492,0,0,1-.323.121H4.893A2.4,2.4,0,0,0,2.5,8.974v6.051a2.4,2.4,0,0,0,2.393,2.4H5.63a.5.5,0,0,1,.325.12l2.594,2.225a2.971,2.971,0,0,0,1.942.728,3.015,3.015,0,0,0,1.26-.279A2.976,2.976,0,0,0,13.5,17.489V6.51A2.976,2.976,0,0,0,11.751,3.778ZM12.5,17.489a1.986,1.986,0,0,1-1.167,1.824,1.955,1.955,0,0,1-2.134-.3L6.606,16.788a1.491,1.491,0,0,0-.974-.361H4.894a1.4,1.4,0,0,1-1.394-1.4V8.974a1.4,1.4,0,0,1,1.394-1.4h.738a1.491,1.491,0,0,0,.973-.362L9.2,4.986A1.966,1.966,0,0,1,10.487,4.5a2.021,2.021,0,0,1,.846.19A1.986,1.986,0,0,1,12.5,6.51ZM16.4,8.7a5.5,5.5,0,0,1,0,6.6.5.5,0,0,1-.4.2.5.5,0,0,1-.4-.8,4.5,4.5,0,0,0,0-5.4.5.5,0,1,1,.8-.6ZM21.5,12a9.455,9.455,0,0,1-2.428,6.334.5.5,0,0,1-.744-.669,8.475,8.475,0,0,0,0-11.331.5.5,0,0,1,.744-.669A9.458,9.458,0,0,1,21.5,12Z" }) })
+] });
+
+// src/ArrowDownBold.tsx
+import { jsx as jsx91, jsxs as jsxs91 } from "react/jsx-runtime";
+var ArrowDownBold = ({ className, ...props }) => /* @__PURE__ */ jsxs91("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx91("title", { children: "arrow-down" }),
+  /* @__PURE__ */ jsx91("g", { id: "arrow-down-Bold", children: /* @__PURE__ */ jsx91("path", { id: "arrow-down-Bold-2", "data-name": "arrow-down-Bold", d: "M19.707,14.707l-7,7a1,1,0,0,1-1.414,0l-7-7a1,1,0,0,1,1.414-1.414L11,18.586V3a1,1,0,0,1,2,0V18.586l5.293-5.293a1,1,0,0,1,1.414,1.414Z" }) })
+] });
+
+// src/ArrowLeftBold.tsx
+import { jsx as jsx92, jsxs as jsxs92 } from "react/jsx-runtime";
+var ArrowLeftBold = ({ className, ...props }) => /* @__PURE__ */ jsxs92("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx92("title", { children: "arrow-left" }),
+  /* @__PURE__ */ jsx92("g", { id: "arrow-left-Bold", children: /* @__PURE__ */ jsx92("path", { id: "arrow-left-Bold-2", "data-name": "arrow-left-Bold", d: "M22,12a1,1,0,0,1-1,1H5.414l5.293,5.293a1,1,0,1,1-1.414,1.414l-7-7a1,1,0,0,1,0-1.414l7-7a1,1,0,1,1,1.414,1.414L5.414,11H21A1,1,0,0,1,22,12Z" }) })
+] });
+
+// src/ArrowRightBold.tsx
+import { jsx as jsx93, jsxs as jsxs93 } from "react/jsx-runtime";
+var ArrowRightBold = ({ className, ...props }) => /* @__PURE__ */ jsxs93("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx93("title", { children: "arrow-right" }),
+  /* @__PURE__ */ jsx93("g", { id: "arrow-right-Bold", children: /* @__PURE__ */ jsx93("path", { id: "arrow-right-Bold-2", "data-name": "arrow-right-Bold", d: "M21.707,12.707l-7,7a1,1,0,0,1-1.414-1.414L18.586,13H3a1,1,0,0,1,0-2H18.586L13.293,5.707a1,1,0,0,1,1.414-1.414l7,7A1,1,0,0,1,21.707,12.707Z" }) })
+] });
+
+// src/ArrowUpBold.tsx
+import { jsx as jsx94, jsxs as jsxs94 } from "react/jsx-runtime";
+var ArrowUpBold = ({ className, ...props }) => /* @__PURE__ */ jsxs94("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx94("title", { children: "arrow-up" }),
+  /* @__PURE__ */ jsx94("g", { id: "arrow-up-Bold", children: /* @__PURE__ */ jsx94("path", { id: "arrow-up-Bold-2", "data-name": "arrow-up-Bold", d: "M19.707,10.707a1,1,0,0,1-1.414,0L13,5.414V21a1,1,0,0,1-2,0V5.414L5.707,10.707A1,1,0,0,1,4.293,9.293l7-7a1,1,0,0,1,1.414,0l7,7A1,1,0,0,1,19.707,10.707Z" }) })
+] });
+
+// src/BellSlashBold.tsx
+import { jsx as jsx95, jsxs as jsxs95 } from "react/jsx-runtime";
+var BellSlashBold = ({ className, ...props }) => /* @__PURE__ */ jsxs95("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx95("title", { children: "bell-slash" }),
+  /* @__PURE__ */ jsx95("g", { id: "bell-slash-Bold", children: /* @__PURE__ */ jsx95("path", { id: "bell-slash-Bold-2", "data-name": "bell-slash-Bold", d: "M19.567,13.675A3.98,3.98,0,0,1,19,11.62V8.99a6.9,6.9,0,0,0-.362-2.214l2.069-2.069a1,1,0,1,0-1.414-1.414l-14,14,0,0-2,2a1,1,0,1,0,1.414,1.414L6.414,19H9a3,3,0,0,0,6,0h3.7a2.3,2.3,0,0,0,1.968-3.483ZM12,20a1,1,0,0,1-1-1h2A1,1,0,0,1,12,20Zm6.957-3.148A.283.283,0,0,1,18.7,17H8.414l8.531-8.531A5.026,5.026,0,0,1,17,8.99v2.63a5.979,5.979,0,0,0,.852,3.084l1.1,1.839A.3.3,0,0,1,18.957,16.852Zm-15.3-1.884.77-1.29A3.979,3.979,0,0,0,5,11.62V8.99a7.012,7.012,0,0,1,11.337-5.5A1,1,0,0,1,15.1,5.067,5.012,5.012,0,0,0,7,8.99v2.63a5.975,5.975,0,0,1-.854,3.087l-.767,1.286a1,1,0,0,1-1.718-1.025Z" }) })
+] });
+
+// src/BellBold.tsx
+import { jsx as jsx96, jsxs as jsxs96 } from "react/jsx-runtime";
+var BellBold = ({ className, ...props }) => /* @__PURE__ */ jsxs96("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx96("title", { children: "bell" }),
+  /* @__PURE__ */ jsx96("g", { id: "bell-Bold", children: /* @__PURE__ */ jsx96("path", { id: "bell-Bold-2", "data-name": "bell-Bold", d: "M20.671,15.518l-1.107-1.845A4.005,4.005,0,0,1,19,11.617V8.99a7,7,0,0,0-13.99,0v2.627a4,4,0,0,1-.569,2.055L3.33,15.518A2.3,2.3,0,0,0,5.3,19H9a3,3,0,0,0,6,0h3.7a2.3,2.3,0,0,0,1.974-3.482ZM12,20a1,1,0,0,1-1-1h2A1,1,0,0,1,12,20Zm6.959-3.152A.292.292,0,0,1,18.7,17H5.3a.3.3,0,0,1-.258-.453L6.151,14.7a6,6,0,0,0,.854-3.083V8.99a5,5,0,0,1,9.99,0v2.627a6.008,6.008,0,0,0,.854,3.084l1.107,1.846A.291.291,0,0,1,18.959,16.848Z" }) })
+] });
+
+// src/BookmarkBold.tsx
+import { jsx as jsx97, jsxs as jsxs97 } from "react/jsx-runtime";
+var BookmarkBold = ({ className, ...props }) => /* @__PURE__ */ jsxs97("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx97("title", { children: "bookmark" }),
+  /* @__PURE__ */ jsx97("g", { id: "bookmark-Bold", children: /* @__PURE__ */ jsx97("path", { id: "bookmark-Bold-2", "data-name": "bookmark-Bold", d: "M15,2H9A5.006,5.006,0,0,0,4,7V20a2,2,0,0,0,3.139,1.645L12,18.275l4.864,3.368A2,2,0,0,0,20,20V7A5.006,5.006,0,0,0,15,2Zm3,18-4.863-3.367a2.009,2.009,0,0,0-2.278,0L6,20V7A3,3,0,0,1,9,4h6a3,3,0,0,1,3,3Z" }) })
+] });
+
+// src/CalendarBold.tsx
+import { jsx as jsx98, jsxs as jsxs98 } from "react/jsx-runtime";
+var CalendarBold = ({ className, ...props }) => /* @__PURE__ */ jsxs98("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx98("title", { children: "calendar" }),
+  /* @__PURE__ */ jsx98("g", { id: "calendar-Bold", children: /* @__PURE__ */ jsx98("path", { id: "calendar-Bold-2", "data-name": "calendar-Bold", d: "M17,3a1,1,0,0,0-2,0H9A1,1,0,0,0,7,3,5.006,5.006,0,0,0,2,8v9a5.006,5.006,0,0,0,5,5H17a5.006,5.006,0,0,0,5-5V8A5.006,5.006,0,0,0,17,3ZM7,5V6A1,1,0,0,0,9,6V5h6V6a1,1,0,0,0,2,0V5a3,3,0,0,1,3,3H4A3,3,0,0,1,7,5ZM17,20H7a3,3,0,0,1-3-3V10H20v7A3,3,0,0,1,17,20Zm0-7a1,1,0,1,1-1-1A1,1,0,0,1,17,13Zm-4,0a1,1,0,1,1-1-1A1,1,0,0,1,13,13ZM9,13a1,1,0,1,1-1-1A1,1,0,0,1,9,13Zm8,4a1,1,0,1,1-1-1A1,1,0,0,1,17,17Zm-4,0a1,1,0,1,1-1-1A1,1,0,0,1,13,17ZM9,17a1,1,0,1,1-1-1A1,1,0,0,1,9,17Z" }) })
+] });
+
+// src/CameraBold.tsx
+import { jsx as jsx99, jsxs as jsxs99 } from "react/jsx-runtime";
+var CameraBold = ({ className, ...props }) => /* @__PURE__ */ jsxs99("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx99("title", { children: "camera" }),
+  /* @__PURE__ */ jsx99("g", { id: "camera-Bold", children: /* @__PURE__ */ jsx99("path", { id: "camera-Bold-2", "data-name": "camera-Bold", d: "M17.556,6.03l-1.13-1.694A2.993,2.993,0,0,0,13.93,3H10.07a2.993,2.993,0,0,0-2.5,1.336L6.444,6.03A5.009,5.009,0,0,0,2,11v5a5.006,5.006,0,0,0,5,5H17a5.006,5.006,0,0,0,5-5V11A5.009,5.009,0,0,0,17.556,6.03ZM20,16a3,3,0,0,1-3,3H7a3,3,0,0,1-3-3V11A3,3,0,0,1,7,8a1,1,0,0,0,.832-.445l1.406-2.11A1,1,0,0,1,10.07,5h3.86a1,1,0,0,1,.832.445l1.406,2.11A1,1,0,0,0,17,8a3,3,0,0,1,3,3ZM12,9a4,4,0,1,0,4,4A4,4,0,0,0,12,9Zm0,6a2,2,0,1,1,2-2A2,2,0,0,1,12,15Zm7-5a1,1,0,1,1-1-1A1,1,0,0,1,19,10Z" }) })
+] });
+
+// src/ChartPieBold.tsx
+import { jsx as jsx100, jsxs as jsxs100 } from "react/jsx-runtime";
+var ChartPieBold = ({ className, ...props }) => /* @__PURE__ */ jsxs100("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx100("title", { children: "chart-pie" }),
+  /* @__PURE__ */ jsx100("g", { id: "chart-pie-Bold", children: /* @__PURE__ */ jsx100("path", { id: "chart-pie-Bold-2", "data-name": "chart-pie-Bold", d: "M21.95,9.931A10.045,10.045,0,0,0,14.069,2.05a2.507,2.507,0,0,0-3,2.457V9.931a3,3,0,0,0,3,3h5.424a2.507,2.507,0,0,0,2.457-3Zm-2.065.813a.5.5,0,0,1-.392.187H14.069a1,1,0,0,1-1-1V4.507a.509.509,0,0,1,.5-.507.476.476,0,0,1,.1.011,8.046,8.046,0,0,1,6.314,6.314A.5.5,0,0,1,19.885,10.744Zm.692,4.547A9.5,9.5,0,0,1,2,12.5,9.431,9.431,0,0,1,8.709,3.423a1,1,0,0,1,.582,1.914,7.5,7.5,0,1,0,9.372,9.372,1,1,0,0,1,1.914.582Z" }) })
+] });
+
+// src/CheckCircleBold.tsx
+import { jsx as jsx101, jsxs as jsxs101 } from "react/jsx-runtime";
+var CheckCircleBold = ({ className, ...props }) => /* @__PURE__ */ jsxs101("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx101("title", { children: "check-circle" }),
+  /* @__PURE__ */ jsx101("g", { id: "check-circle-Bold", children: /* @__PURE__ */ jsx101("path", { id: "check-circle-Bold-2", "data-name": "check-circle-Bold", d: "M16.707,9.293a1,1,0,0,1,0,1.414l-5,5a1,1,0,0,1-1.414,0l-3-3a1,1,0,1,1,1.414-1.414L11,13.586l4.293-4.293A1,1,0,0,1,16.707,9.293ZM22,12A10,10,0,1,1,12,2,10.011,10.011,0,0,1,22,12Zm-2,0a8,8,0,1,0-8,8A8.009,8.009,0,0,0,20,12Z" }) })
+] });
+
+// src/ChevronCircleDownBold.tsx
+import { jsx as jsx102, jsxs as jsxs102 } from "react/jsx-runtime";
+var ChevronCircleDownBold = ({ className, ...props }) => /* @__PURE__ */ jsxs102("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx102("title", { children: "chevron-circle-down" }),
+  /* @__PURE__ */ jsx102("g", { id: "chevron-circle-down-Bold", children: /* @__PURE__ */ jsx102("path", { id: "chevron-circle-down-Bold-2", "data-name": "chevron-circle-down-Bold", d: "M12,2A10,10,0,1,0,22,12,10.011,10.011,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,12,20Zm3.707-9.707a1,1,0,0,1,0,1.414l-3,3a1,1,0,0,1-1.414,0l-3-3a1,1,0,0,1,1.414-1.414L12,12.586l2.293-2.293A1,1,0,0,1,15.707,10.293Z" }) })
+] });
+
+// src/ChevronCircleLeftBold.tsx
+import { jsx as jsx103, jsxs as jsxs103 } from "react/jsx-runtime";
+var ChevronCircleLeftBold = ({ className, ...props }) => /* @__PURE__ */ jsxs103("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx103("title", { children: "chevron-circle-left" }),
+  /* @__PURE__ */ jsx103("g", { id: "chevron-circle-left-Bold", children: /* @__PURE__ */ jsx103("path", { id: "chevron-circle-left-Bold-2", "data-name": "chevron-circle-left-Bold", d: "M13.707,9.707,11.414,12l2.293,2.293a1,1,0,1,1-1.414,1.414l-3-3a1,1,0,0,1,0-1.414l3-3a1,1,0,0,1,1.414,1.414ZM22,12A10,10,0,1,1,12,2,10.011,10.011,0,0,1,22,12Zm-2,0a8,8,0,1,0-8,8A8.009,8.009,0,0,0,20,12Z" }) })
+] });
+
+// src/ChevronCircleRightBold.tsx
+import { jsx as jsx104, jsxs as jsxs104 } from "react/jsx-runtime";
+var ChevronCircleRightBold = ({ className, ...props }) => /* @__PURE__ */ jsxs104("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx104("title", { children: "chevron-circle-right" }),
+  /* @__PURE__ */ jsx104("g", { id: "chevron-circle-right-Bold", children: /* @__PURE__ */ jsx104("path", { id: "chevron-circle-right-Bold-2", "data-name": "chevron-circle-right-Bold", d: "M12,2A10,10,0,1,0,22,12,10.011,10.011,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,12,20Zm2.707-8.707a1,1,0,0,1,0,1.414l-3,3a1,1,0,0,1-1.414-1.414L12.586,12,10.293,9.707a1,1,0,0,1,1.414-1.414Z" }) })
+] });
+
+// src/ChevronCircleUpBold.tsx
+import { jsx as jsx105, jsxs as jsxs105 } from "react/jsx-runtime";
+var ChevronCircleUpBold = ({ className, ...props }) => /* @__PURE__ */ jsxs105("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx105("title", { children: "chevron-circle-up" }),
+  /* @__PURE__ */ jsx105("g", { id: "chevron-circle-up-Bold", children: /* @__PURE__ */ jsx105("path", { id: "chevron-circle-up-Bold-2", "data-name": "chevron-circle-up-Bold", d: "M12,2A10,10,0,1,0,22,12,10.011,10.011,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,12,20Zm3.707-7.707a1,1,0,1,1-1.414,1.414L12,11.414,9.707,13.707a1,1,0,0,1-1.414-1.414l3-3a1,1,0,0,1,1.414,0Z" }) })
+] });
+
+// src/ChevronDownBold.tsx
+import { jsx as jsx106, jsxs as jsxs106 } from "react/jsx-runtime";
+var ChevronDownBold = ({ className, ...props }) => /* @__PURE__ */ jsxs106("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx106("title", { children: "chevron-down" }),
+  /* @__PURE__ */ jsx106("g", { id: "chevron-down-Bold", children: /* @__PURE__ */ jsx106("path", { id: "chevron-down-Bold-2", "data-name": "chevron-down-Bold", d: "M21.707,8.707l-9,9a1,1,0,0,1-1.414,0l-9-9A1,1,0,1,1,3.707,7.293L12,15.586l8.293-8.293a1,1,0,1,1,1.414,1.414Z" }) })
+] });
+
+// src/ChevronLeftBold.tsx
+import { jsx as jsx107, jsxs as jsxs107 } from "react/jsx-runtime";
+var ChevronLeftBold = ({ className, ...props }) => /* @__PURE__ */ jsxs107("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx107("title", { children: "chevron-left" }),
+  /* @__PURE__ */ jsx107("g", { id: "chevron-left-Bold", children: /* @__PURE__ */ jsx107("path", { id: "chevron-left-Bold-2", "data-name": "chevron-left-Bold", d: "M16.707,20.293a1,1,0,1,1-1.414,1.414l-9-9a1,1,0,0,1,0-1.414l9-9a1,1,0,1,1,1.414,1.414L8.414,12Z" }) })
+] });
+
+// src/ChevronRightBold.tsx
+import { jsx as jsx108, jsxs as jsxs108 } from "react/jsx-runtime";
+var ChevronRightBold = ({ className, ...props }) => /* @__PURE__ */ jsxs108("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx108("title", { children: "chevron-right" }),
+  /* @__PURE__ */ jsx108("g", { id: "chevron-right-Bold", children: /* @__PURE__ */ jsx108("path", { id: "chevron-right-Bold-2", "data-name": "chevron-right-Bold", d: "M17.707,12.707l-9,9a1,1,0,1,1-1.414-1.414L15.586,12,7.293,3.707A1,1,0,1,1,8.707,2.293l9,9A1,1,0,0,1,17.707,12.707Z" }) })
+] });
+
+// src/ChevronUpBold.tsx
+import { jsx as jsx109, jsxs as jsxs109 } from "react/jsx-runtime";
+var ChevronUpBold = ({ className, ...props }) => /* @__PURE__ */ jsxs109("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx109("title", { children: "chevron-up" }),
+  /* @__PURE__ */ jsx109("g", { id: "chevron-up-Bold", children: /* @__PURE__ */ jsx109("path", { id: "chevron-up-Bold-2", "data-name": "chevron-up-Bold", d: "M21.707,16.707a1,1,0,0,1-1.414,0L12,8.414,3.707,16.707a1,1,0,0,1-1.414-1.414l9-9a1,1,0,0,1,1.414,0l9,9A1,1,0,0,1,21.707,16.707Z" }) })
+] });
+
+// src/ClockBold.tsx
+import { jsx as jsx110, jsxs as jsxs110 } from "react/jsx-runtime";
+var ClockBold = ({ className, ...props }) => /* @__PURE__ */ jsxs110("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx110("title", { children: "clock" }),
+  /* @__PURE__ */ jsx110("g", { id: "clock-Bold", children: /* @__PURE__ */ jsx110("path", { id: "clock-Bold-2", "data-name": "clock-Bold", d: "M12,2A10,10,0,1,0,22,12,10.011,10.011,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,12,20Zm5-8a1,1,0,0,1-1,1H12a1,1,0,0,1-1-1V7a1,1,0,0,1,2,0v4h3A1,1,0,0,1,17,12Z" }) })
+] });
+
+// src/CommentDotsBold.tsx
+import { jsx as jsx111, jsxs as jsxs111 } from "react/jsx-runtime";
+var CommentDotsBold = ({ className, ...props }) => /* @__PURE__ */ jsxs111("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx111("title", { children: "comment-dots" }),
+  /* @__PURE__ */ jsx111("g", { id: "comment-dots-Bold", children: /* @__PURE__ */ jsx111("path", { id: "comment-dots-Bold-2", "data-name": "comment-dots-Bold", d: "M17,3H7A5.006,5.006,0,0,0,2,8V21a1,1,0,0,0,.617.924A.987.987,0,0,0,3,22a1,1,0,0,0,.707-.293l2.414-2.414A1,1,0,0,1,6.829,19H17a5.006,5.006,0,0,0,5-5V8A5.006,5.006,0,0,0,17,3Zm3,11a3,3,0,0,1-3,3H6.829a2.978,2.978,0,0,0-2.122.879L4,18.586V8A3,3,0,0,1,7,5H17a3,3,0,0,1,3,3ZM9.25,11A1.25,1.25,0,1,1,8,9.75,1.25,1.25,0,0,1,9.25,11Zm4,0A1.25,1.25,0,1,1,12,9.75,1.25,1.25,0,0,1,13.25,11Zm4,0A1.25,1.25,0,1,1,16,9.75,1.25,1.25,0,0,1,17.25,11Z" }) })
+] });
+
+// src/CommentBold.tsx
+import { jsx as jsx112, jsxs as jsxs112 } from "react/jsx-runtime";
+var CommentBold = ({ className, ...props }) => /* @__PURE__ */ jsxs112("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx112("title", { children: "comment" }),
+  /* @__PURE__ */ jsx112("g", { id: "comment-Bold", children: /* @__PURE__ */ jsx112("path", { id: "comment-Bold-2", "data-name": "comment-Bold", d: "M17,3H7A5.006,5.006,0,0,0,2,8V21a1,1,0,0,0,.617.924A.987.987,0,0,0,3,22a1,1,0,0,0,.707-.293l2.414-2.414A1,1,0,0,1,6.829,19H17a5.006,5.006,0,0,0,5-5V8A5.006,5.006,0,0,0,17,3Zm3,11a3,3,0,0,1-3,3H6.829a2.978,2.978,0,0,0-2.122.879L4,18.586V8A3,3,0,0,1,7,5H17a3,3,0,0,1,3,3Z" }) })
+] });
+
+// src/CommentsBold.tsx
+import { jsx as jsx113, jsxs as jsxs113 } from "react/jsx-runtime";
+var CommentsBold = ({ className, ...props }) => /* @__PURE__ */ jsxs113("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx113("title", { children: "comments" }),
+  /* @__PURE__ */ jsx113("g", { id: "comments-Bold", children: /* @__PURE__ */ jsx113("path", { id: "comments-Bold-2", "data-name": "comments-Bold", d: "M18,7V6a4,4,0,0,0-4-4H6A4,4,0,0,0,2,6V16a1,1,0,0,0,1.714.7L5.38,15H6v1a4,4,0,0,0,4,4h8.62l1.666,1.7A1,1,0,0,0,22,21V11A4,4,0,0,0,18,7ZM4.96,13a1,1,0,0,0-.714.3L4,13.551V6A2,2,0,0,1,6,4h8a2,2,0,0,1,2,2v5a2,2,0,0,1-2,2ZM20,18.551l-.246-.251a1,1,0,0,0-.714-.3H10a2,2,0,0,1-2-2V15h6a4,4,0,0,0,4-4V9a2,2,0,0,1,2,2Z" }) })
+] });
+
+// src/CompassBold.tsx
+import { jsx as jsx114, jsxs as jsxs114 } from "react/jsx-runtime";
+var CompassBold = ({ className, ...props }) => /* @__PURE__ */ jsxs114("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx114("title", { children: "compass" }),
+  /* @__PURE__ */ jsx114("g", { id: "compass-Bold", children: /* @__PURE__ */ jsx114("path", { id: "compass-Bold-2", "data-name": "compass-Bold", d: "M12,2A10,10,0,1,0,22,12,10.011,10.011,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,12,20ZM15.141,6.435,11.085,7.448a4.991,4.991,0,0,0-3.637,3.638L6.434,15.141a1.993,1.993,0,0,0,2.425,2.424l4.056-1.013a4.991,4.991,0,0,0,3.637-3.638l1.014-4.055a2,2,0,0,0-2.425-2.424Zm.484,1.94-1.013,4.054a3,3,0,0,1-2.183,2.183L8.375,15.625l1.013-4.054a3,3,0,0,1,2.183-2.183l4.055-1.014ZM12,10.5A1.5,1.5,0,1,1,10.5,12,1.5,1.5,0,0,1,12,10.5Z" }) })
+] });
+
+// src/CopyBold.tsx
+import { jsx as jsx115, jsxs as jsxs115 } from "react/jsx-runtime";
+var CopyBold = ({ className, ...props }) => /* @__PURE__ */ jsxs115("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx115("title", { children: "copy" }),
+  /* @__PURE__ */ jsx115("g", { id: "copy-Bold", children: /* @__PURE__ */ jsx115("path", { id: "copy-Bold-2", "data-name": "copy-Bold", d: "M21.414,6,18,2.586A1.986,1.986,0,0,0,16.586,2H11A4,4,0,0,0,7,6H6a4,4,0,0,0-4,4v8a4,4,0,0,0,4,4h7a4,4,0,0,0,4-4h1a4,4,0,0,0,4-4V7.414A2.011,2.011,0,0,0,21.414,6ZM17,4.414,19.586,7H18.265A1.266,1.266,0,0,1,17,5.735ZM13,20H6a2,2,0,0,1-2-2V10A2,2,0,0,1,6,8H7v6a4,4,0,0,0,4,4h4A2,2,0,0,1,13,20Zm5-4H11a2,2,0,0,1-2-2V6a2,2,0,0,1,2-2h4V5.735A3.269,3.269,0,0,0,18.265,9H20v5A2,2,0,0,1,18,16Z" }) })
+] });
+
+// src/CouponBold.tsx
+import { jsx as jsx116, jsxs as jsxs116 } from "react/jsx-runtime";
+var CouponBold = ({ className, ...props }) => /* @__PURE__ */ jsxs116("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx116("title", { children: "coupon" }),
+  /* @__PURE__ */ jsx116("g", { id: "coupon-Bold", children: /* @__PURE__ */ jsx116("path", { id: "coupon-Bold-2", "data-name": "coupon-Bold", d: "M21,11h1V9a5.006,5.006,0,0,0-5-5H7A5.006,5.006,0,0,0,2,9v2H3a1,1,0,0,1,0,2H2v2a5.006,5.006,0,0,0,5,5H17a5.006,5.006,0,0,0,5-5V13H21a1,1,0,0,1,0-2ZM20,9.171a3,3,0,0,0,0,5.658V15a3,3,0,0,1-3,3H16V16a1,1,0,0,0-2,0v2H7a3,3,0,0,1-3-3v-.171A3,3,0,0,0,4,9.171V9A3,3,0,0,1,7,6h7V8a1,1,0,0,0,2,0V6h1a3,3,0,0,1,3,3ZM16,11v2a1,1,0,0,1-2,0V11a1,1,0,0,1,2,0Z" }) })
+] });
+
+// src/CreditCardBold.tsx
+import { jsx as jsx117, jsxs as jsxs117 } from "react/jsx-runtime";
+var CreditCardBold = ({ className, ...props }) => /* @__PURE__ */ jsxs117("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx117("title", { children: "credit-card" }),
+  /* @__PURE__ */ jsx117("g", { id: "credit-card-Bold", children: /* @__PURE__ */ jsx117("path", { id: "credit-card-Bold-2", "data-name": "credit-card-Bold", d: "M17,4H7A5.006,5.006,0,0,0,2,9v6a5.006,5.006,0,0,0,5,5H17a5.006,5.006,0,0,0,5-5V9A5.006,5.006,0,0,0,17,4Zm3,11a3,3,0,0,1-3,3H7a3,3,0,0,1-3-3V11H20ZM4,9A3,3,0,0,1,7,6H17a3,3,0,0,1,3,3Zm2,6a1,1,0,0,1,1-1h3a1,1,0,0,1,0,2H7A1,1,0,0,1,6,15Z" }) })
+] });
+
+// src/DesktopBold.tsx
+import { jsx as jsx118, jsxs as jsxs118 } from "react/jsx-runtime";
+var DesktopBold = ({ className, ...props }) => /* @__PURE__ */ jsxs118("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx118("title", { children: "desktop" }),
+  /* @__PURE__ */ jsx118("g", { id: "desktop-Bold", children: /* @__PURE__ */ jsx118("path", { id: "desktop-Bold-2", "data-name": "desktop-Bold", d: "M17,2H7A5.006,5.006,0,0,0,2,7v6a5.006,5.006,0,0,0,5,5h4v2H8a1,1,0,0,0,0,2h8a1,1,0,0,0,0-2H13V18h4a5.006,5.006,0,0,0,5-5V7A5.006,5.006,0,0,0,17,2Zm3,11a3,3,0,0,1-3,3H7a3,3,0,0,1-3-3V7A3,3,0,0,1,7,4H17a3,3,0,0,1,3,3Z" }) })
+] });
+
+// src/DiscountBold.tsx
+import { jsx as jsx119, jsxs as jsxs119 } from "react/jsx-runtime";
+var DiscountBold = ({ className, ...props }) => /* @__PURE__ */ jsxs119("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx119("title", { children: "discount" }),
+  /* @__PURE__ */ jsx119("g", { id: "discount-Bold", children: /* @__PURE__ */ jsx119("path", { id: "discount-Bold-2", "data-name": "discount-Bold", d: "M20.972,9.519l-.578-.58a1,1,0,0,1-.3-.712V7.412a3.515,3.515,0,0,0-3.51-3.51h-.815a.994.994,0,0,1-.712-.3l-.579-.578a3.513,3.513,0,0,0-4.964,0l-.579.578a.994.994,0,0,1-.712.3H7.412A3.515,3.515,0,0,0,3.9,7.412v.815a1,1,0,0,1-.3.712l-.577.58a3.507,3.507,0,0,0,0,4.962l.578.58a1,1,0,0,1,.3.712v.815a3.515,3.515,0,0,0,3.51,3.51h.815a.994.994,0,0,1,.712.3l.579.578a3.515,3.515,0,0,0,4.964,0l.579-.578a.994.994,0,0,1,.712-.3h.815a3.515,3.515,0,0,0,3.51-3.51v-.815a1,1,0,0,1,.3-.712l.578-.58a3.508,3.508,0,0,0,0-4.962Zm-1.414,3.548h0l-.578.579a2.993,2.993,0,0,0-.881,2.127v.815a1.512,1.512,0,0,1-1.51,1.51h-.815a2.989,2.989,0,0,0-2.127.881l-.578.579a1.514,1.514,0,0,1-2.136,0l-.578-.579A2.989,2.989,0,0,0,8.227,18.1H7.412a1.513,1.513,0,0,1-1.51-1.51v-.815a2.993,2.993,0,0,0-.881-2.127l-.579-.579a1.508,1.508,0,0,1,0-2.134l.578-.579A2.993,2.993,0,0,0,5.9,8.227V7.412A1.513,1.513,0,0,1,7.412,5.9h.815a2.989,2.989,0,0,0,2.127-.881l.578-.579a1.514,1.514,0,0,1,2.136,0l.578.579a2.989,2.989,0,0,0,2.127.881h.815a1.512,1.512,0,0,1,1.51,1.51v.815a2.993,2.993,0,0,0,.881,2.127l.579.579a1.509,1.509,0,0,1,0,2.134ZM15.707,8.293a1,1,0,0,1,0,1.414l-6,6a1,1,0,0,1-1.414-1.414l6-6A1,1,0,0,1,15.707,8.293ZM16,14.5A1.5,1.5,0,1,1,14.5,13,1.5,1.5,0,0,1,16,14.5Zm-8-5A1.5,1.5,0,1,1,9.5,11,1.5,1.5,0,0,1,8,9.5Z" }) })
+] });
+
+// src/DownloadBold.tsx
+import { jsx as jsx120, jsxs as jsxs120 } from "react/jsx-runtime";
+var DownloadBold = ({ className, ...props }) => /* @__PURE__ */ jsxs120("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx120("title", { children: "download" }),
+  /* @__PURE__ */ jsx120("g", { id: "download-Bold", children: /* @__PURE__ */ jsx120("path", { id: "download-Bold-2", "data-name": "download-Bold", d: "M8.293,8.707A1,1,0,1,1,9.707,7.293L11,8.586V4a1,1,0,0,1,2,0V8.586l1.293-1.293a1,1,0,1,1,1.414,1.414l-3,3a1,1,0,0,1-1.414,0ZM17,10a1,1,0,0,0,0,2,3,3,0,0,1,3,3v1a3,3,0,0,1-3,3H7a3,3,0,0,1-3-3V15a3,3,0,0,1,3-3,1,1,0,0,0,0-2,5.006,5.006,0,0,0-5,5v1a5.006,5.006,0,0,0,5,5H17a5.006,5.006,0,0,0,5-5V15A5.006,5.006,0,0,0,17,10Zm1,5a1,1,0,1,0-1,1A1,1,0,0,0,18,15Z" }) })
+] });
+
+// src/EnvelopeBold.tsx
+import { jsx as jsx121, jsxs as jsxs121 } from "react/jsx-runtime";
+var EnvelopeBold = ({ className, ...props }) => /* @__PURE__ */ jsxs121("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx121("title", { children: "envelope" }),
+  /* @__PURE__ */ jsx121("g", { id: "envelope-Bold", children: /* @__PURE__ */ jsx121("path", { id: "envelope-Bold-2", "data-name": "envelope-Bold", d: "M17,4H7A5.006,5.006,0,0,0,2,9v6a5.006,5.006,0,0,0,5,5H17a5.006,5.006,0,0,0,5-5V9A5.006,5.006,0,0,0,17,4ZM7,6H17a2.994,2.994,0,0,1,2.68,1.678l-6.016,4.01a2.992,2.992,0,0,1-3.328,0L4.32,7.678A2.994,2.994,0,0,1,7,6ZM17,18H7a3,3,0,0,1-3-3V9.868l5.226,3.485a4.989,4.989,0,0,0,5.547,0L20,9.868V15A3,3,0,0,1,17,18Z" }) })
+] });
+
+// src/ExclamationCircleBold.tsx
+import { jsx as jsx122, jsxs as jsxs122 } from "react/jsx-runtime";
+var ExclamationCircleBold = ({ className, ...props }) => /* @__PURE__ */ jsxs122("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx122("title", { children: "exclamation-circle" }),
+  /* @__PURE__ */ jsx122("g", { id: "exclamation-circle-Bold", children: /* @__PURE__ */ jsx122("path", { id: "exclamation-circle-Bold-2", "data-name": "exclamation-circle-Bold", d: "M12,2A10,10,0,1,0,22,12,10.011,10.011,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,12,20Zm1-4a1,1,0,1,1-1-1A1,1,0,0,1,13,16Zm0-8v4a1,1,0,0,1-2,0V8a1,1,0,0,1,2,0Z" }) })
+] });
+
+// src/EyeSlashBold.tsx
+import { jsx as jsx123, jsxs as jsxs123 } from "react/jsx-runtime";
+var EyeSlashBold = ({ className, ...props }) => /* @__PURE__ */ jsxs123("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx123("title", { children: "eye-slash" }),
+  /* @__PURE__ */ jsx123("g", { id: "eye-slash-Bold", children: /* @__PURE__ */ jsx123("path", { id: "eye-slash-Bold-2", "data-name": "eye-slash-Bold", d: "M21.445,9.985a14.772,14.772,0,0,0-2.718-3.3l1.978-1.978a1,1,0,0,0-1.414-1.414L8.828,13.756h0L3.291,19.293a1,1,0,1,0,1.414,1.414L6.872,18.54A9.659,9.659,0,0,0,12,20c5.069,0,8.092-3.748,9.446-5.986A3.922,3.922,0,0,0,21.445,9.985ZM14.5,12a2.493,2.493,0,0,1-3.411,2.325l3.235-3.236A2.474,2.474,0,0,1,14.5,12Zm5.233.982C18.6,14.856,16.088,18,12,18a7.669,7.669,0,0,1-3.659-.929L9.61,15.8A4.436,4.436,0,0,0,12,16.5,4.505,4.505,0,0,0,16.5,12a4.433,4.433,0,0,0-.7-2.387L17.31,8.1a12.6,12.6,0,0,1,2.419,2.912A1.937,1.937,0,0,1,19.731,12.982ZM3.938,15.945a15.131,15.131,0,0,1-1.382-1.928,3.922,3.922,0,0,1,0-4.03C3.908,7.748,6.931,4,12,4a9.947,9.947,0,0,1,2.9.432,1,1,0,0,1-.573,1.916A7.961,7.961,0,0,0,12,6C7.912,6,5.4,9.144,4.269,11.018a1.944,1.944,0,0,0,0,1.969,13,13,0,0,0,1.2,1.667,1,1,0,0,1-.119,1.409A.986.986,0,0,1,4.7,16.3,1,1,0,0,1,3.938,15.945ZM11.3,7.562A1,1,0,1,1,11.6,9.538,2.492,2.492,0,0,0,9.536,11.6a1,1,0,0,1-1.977-.3A4.453,4.453,0,0,1,11.3,7.562Z" }) })
+] });
+
+// src/EyeBold.tsx
+import { jsx as jsx124, jsxs as jsxs124 } from "react/jsx-runtime";
+var EyeBold = ({ className, ...props }) => /* @__PURE__ */ jsxs124("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx124("title", { children: "eye" }),
+  /* @__PURE__ */ jsx124("g", { id: "eye-Bold", children: /* @__PURE__ */ jsx124("path", { id: "eye-Bold-2", "data-name": "eye-Bold", d: "M21.444,9.987C20.1,7.751,17.09,4,12,4S3.9,7.751,2.556,9.987a3.91,3.91,0,0,0,0,4.026C3.9,16.249,6.911,20,12,20s8.1-3.751,9.444-5.987A3.905,3.905,0,0,0,21.444,9.987Zm-1.715,3C18.6,14.857,16.105,18,12,18s-6.6-3.144-7.729-5.017a1.906,1.906,0,0,1,0-1.966C5.4,9.144,7.9,6,12,6s6.6,3.143,7.729,5.017A1.906,1.906,0,0,1,19.729,12.983ZM12,7.5A4.5,4.5,0,1,0,16.5,12,4.505,4.505,0,0,0,12,7.5Zm0,7A2.5,2.5,0,1,1,14.5,12,2.5,2.5,0,0,1,12,14.5Z" }) })
+] });
+
+// src/FileBold.tsx
+import { jsx as jsx125, jsxs as jsxs125 } from "react/jsx-runtime";
+var FileBold = ({ className, ...props }) => /* @__PURE__ */ jsxs125("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx125("title", { children: "file" }),
+  /* @__PURE__ */ jsx125("g", { id: "file-Bold", children: /* @__PURE__ */ jsx125("path", { id: "file-Bold-2", "data-name": "file-Bold", d: "M19.414,7,15,2.586A1.986,1.986,0,0,0,13.586,2H9A5.006,5.006,0,0,0,4,7V17a5.006,5.006,0,0,0,5,5h6a5.006,5.006,0,0,0,5-5V8.414A2.011,2.011,0,0,0,19.414,7ZM15,5.414,16.586,7H16.5A1.5,1.5,0,0,1,15,5.5ZM15,20H9a3,3,0,0,1-3-3V7A3,3,0,0,1,9,4h4V5.5A3.5,3.5,0,0,0,16.5,9H18v8A3,3,0,0,1,15,20Z" }) })
+] });
+
+// src/FilmBold.tsx
+import { jsx as jsx126, jsxs as jsxs126 } from "react/jsx-runtime";
+var FilmBold = ({ className, ...props }) => /* @__PURE__ */ jsxs126("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx126("title", { children: "film" }),
+  /* @__PURE__ */ jsx126("g", { id: "film-Bold", children: /* @__PURE__ */ jsx126("path", { id: "film-Bold-2", "data-name": "film-Bold", d: "M17,2H7A5.006,5.006,0,0,0,2,7V17a5.006,5.006,0,0,0,5,5H17a5.006,5.006,0,0,0,5-5V7A5.006,5.006,0,0,0,17,2Zm1,11h2v2H18Zm0-4h2v2H18Zm2-2H18V4.184A3,3,0,0,1,20,7ZM16,4v7H8V4ZM6,15H4V13H6ZM4,11V9H6v2ZM6,4.184V7H4A3,3,0,0,1,6,4.184ZM4,17H6v2.816A3,3,0,0,1,4,17Zm4,3V13h8v7Zm10-.184V17h2A3,3,0,0,1,18,19.816Z" }) })
+] });
+
+// src/FilterBold.tsx
+import { jsx as jsx127, jsxs as jsxs127 } from "react/jsx-runtime";
+var FilterBold = ({ className, ...props }) => /* @__PURE__ */ jsxs127("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx127("title", { children: "filter" }),
+  /* @__PURE__ */ jsx127("g", { id: "filter-Bold", children: /* @__PURE__ */ jsx127("path", { id: "filter-Bold-2", "data-name": "filter-Bold", d: "M18.5,2H5.5A2.5,2.5,0,0,0,3,4.5V6.586A2.011,2.011,0,0,0,3.586,8l5.121,5.121A1.009,1.009,0,0,1,9,13.828V21a1,1,0,0,0,1.6.8l4-3A1,1,0,0,0,15,18V13.828a1.009,1.009,0,0,1,.293-.707L20.414,8A2.011,2.011,0,0,0,21,6.586V4.5A2.5,2.5,0,0,0,18.5,2ZM5.5,4h13a.5.5,0,0,1,.5.5V6H5V4.5A.5.5,0,0,1,5.5,4Zm8.379,7.707A2.978,2.978,0,0,0,13,13.828V17.5L11,19V13.828a2.978,2.978,0,0,0-.879-2.121L6.414,8H17.586Z" }) })
+] });
+
+// src/FlagBold.tsx
+import { jsx as jsx128, jsxs as jsxs128 } from "react/jsx-runtime";
+var FlagBold = ({ className, ...props }) => /* @__PURE__ */ jsxs128("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx128("title", { children: "flag" }),
+  /* @__PURE__ */ jsx128("g", { id: "flag-Bold", children: /* @__PURE__ */ jsx128("path", { id: "flag-Bold-2", "data-name": "flag-Bold", d: "M17.342,9.447a1,1,0,0,1,0-.894L19.9,3.447A1,1,0,0,0,19,2H9A5.006,5.006,0,0,0,4,7V20.958a1,1,0,0,0,2,0V16H19a1,1,0,0,0,.895-1.447ZM6,14V7A3,3,0,0,1,9,4h8.382L15.553,7.658a3.016,3.016,0,0,0,0,2.684L17.382,14Z" }) })
+] });
+
+// src/FolderBold.tsx
+import { jsx as jsx129, jsxs as jsxs129 } from "react/jsx-runtime";
+var FolderBold = ({ className, ...props }) => /* @__PURE__ */ jsxs129("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx129("title", { children: "folder" }),
+  /* @__PURE__ */ jsx129("g", { id: "folder-Bold", children: /* @__PURE__ */ jsx129("path", { id: "folder-Bold-2", "data-name": "folder-Bold", d: "M17,7H12.8a.5.5,0,0,1-.416-.223l-1.11-1.664A2.5,2.5,0,0,0,9.2,4H7A5.006,5.006,0,0,0,2,9v7a5.006,5.006,0,0,0,5,5H17a5.006,5.006,0,0,0,5-5V12A5.006,5.006,0,0,0,17,7Zm3,9a3,3,0,0,1-3,3H7a3,3,0,0,1-3-3V9A3,3,0,0,1,7,6H9.2a.5.5,0,0,1,.416.223l1.11,1.664A2.5,2.5,0,0,0,12.8,9H17a3,3,0,0,1,3,3Z" }) })
+] });
+
+// src/GlobeBold.tsx
+import { jsx as jsx130, jsxs as jsxs130 } from "react/jsx-runtime";
+var GlobeBold = ({ className, ...props }) => /* @__PURE__ */ jsxs130("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx130("title", { children: "globe" }),
+  /* @__PURE__ */ jsx130("g", { id: "globe-Bold", children: /* @__PURE__ */ jsx130("path", { id: "globe-Bold-2", "data-name": "globe-Bold", d: "M21.424,8.669A9.936,9.936,0,0,0,13.431,2.1a10.322,10.322,0,0,0-2.863,0A9.93,9.93,0,0,0,2.58,8.66a9.913,9.913,0,0,0,0,6.671A9.936,9.936,0,0,0,10.569,21.9a10.3,10.3,0,0,0,2.863,0,9.93,9.93,0,0,0,7.988-6.56,9.913,9.913,0,0,0,0-6.671ZM20,12a7.832,7.832,0,0,1-.257,2H16.865A16.728,16.728,0,0,0,17,12a16.667,16.667,0,0,0-.135-2h2.879A7.838,7.838,0,0,1,20,12ZM9.154,14A14.544,14.544,0,0,1,9,12a14.576,14.576,0,0,1,.154-2h5.692A14.527,14.527,0,0,1,15,12a14.764,14.764,0,0,1-.154,2Zm-4.9,0a7.94,7.94,0,0,1,0-4H7.135A16.7,16.7,0,0,0,7,12a16.686,16.686,0,0,0,.135,2ZM18.909,8H16.5a16.5,16.5,0,0,0-1.146-3.266A7.906,7.906,0,0,1,18.909,8ZM12.7,4.049A14.566,14.566,0,0,1,14.445,8H9.555A14.555,14.555,0,0,1,11.3,4.049c.233-.02.464-.049.7-.049S12.469,4.029,12.7,4.049Zm-4.053.685A16.479,16.479,0,0,0,7.5,8H5.089A7.916,7.916,0,0,1,8.649,4.734ZM5.092,16H7.5a16.423,16.423,0,0,0,1.147,3.264A7.907,7.907,0,0,1,5.092,16Zm6.205,3.95A14.575,14.575,0,0,1,9.556,16h4.889a14.591,14.591,0,0,1-1.743,3.95A8.451,8.451,0,0,1,11.3,19.951Zm4.055-.685A16.432,16.432,0,0,0,16.5,16h2.411A7.91,7.91,0,0,1,15.352,19.266Z" }) })
+] });
+
+// src/HeadphonesBold.tsx
+import { jsx as jsx131, jsxs as jsxs131 } from "react/jsx-runtime";
+var HeadphonesBold = ({ className, ...props }) => /* @__PURE__ */ jsxs131("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx131("title", { children: "headphones" }),
+  /* @__PURE__ */ jsx131("g", { id: "headphones-Bold", children: /* @__PURE__ */ jsx131("path", { id: "headphones-Bold-2", "data-name": "headphones-Bold", d: "M16.5,13A2.5,2.5,0,0,0,14,15.5v4a2.5,2.5,0,0,0,5,0v-4A2.5,2.5,0,0,0,16.5,13Zm.5,6.5a.5.5,0,0,1-1,0v-4a.5.5,0,0,1,1,0ZM7.5,13A2.5,2.5,0,0,0,5,15.5v4a2.5,2.5,0,0,0,5,0v-4A2.5,2.5,0,0,0,7.5,13ZM8,19.5a.5.5,0,0,1-1,0v-4a.5.5,0,0,1,1,0ZM22,12v5a1,1,0,0,1-2,0V12A8,8,0,0,0,4,12v5a1,1,0,0,1-2,0V12a10,10,0,0,1,20,0Z" }) })
+] });
+
+// src/HeartBold.tsx
+import { jsx as jsx132, jsxs as jsxs132 } from "react/jsx-runtime";
+var HeartBold = ({ className, ...props }) => /* @__PURE__ */ jsxs132("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx132("title", { children: "heart" }),
+  /* @__PURE__ */ jsx132("g", { id: "heart-Bold", children: /* @__PURE__ */ jsx132("path", { id: "heart-Bold-2", "data-name": "heart-Bold", d: "M20.3,5.438A6.49,6.49,0,0,0,15.228,3,7.025,7.025,0,0,0,12,3.775,7.025,7.025,0,0,0,8.772,3,6.49,6.49,0,0,0,3.7,5.438,7.586,7.586,0,0,0,2.14,11.657c.993,5.095,6.152,8.636,8.324,9.922a3.017,3.017,0,0,0,3.073,0c2.171-1.285,7.33-4.826,8.323-9.921A7.586,7.586,0,0,0,20.3,5.438ZM19.9,11.274c-.838,4.3-5.439,7.435-7.379,8.583a1.022,1.022,0,0,1-1.036,0c-1.94-1.148-6.541-4.283-7.379-8.583A5.568,5.568,0,0,1,5.241,6.709,4.521,4.521,0,0,1,8.772,5a4.984,4.984,0,0,1,2.69.771,1.006,1.006,0,0,0,1.076,0A4.984,4.984,0,0,1,15.228,5a4.521,4.521,0,0,1,3.531,1.709A5.568,5.568,0,0,1,19.9,11.274Z" }) })
+] });
+
+// src/HomeBold.tsx
+import { jsx as jsx133, jsxs as jsxs133 } from "react/jsx-runtime";
+var HomeBold = ({ className, ...props }) => /* @__PURE__ */ jsxs133("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx133("title", { children: "home" }),
+  /* @__PURE__ */ jsx133("g", { id: "home-Bold", children: /* @__PURE__ */ jsx133("path", { id: "home-Bold-2", "data-name": "home-Bold", d: "M20.135,7.118l-5-4.019a5.035,5.035,0,0,0-6.27,0l-5,4.019A4.973,4.973,0,0,0,2,11.01V17A5,5,0,0,0,7,22h3V17a2,2,0,0,1,4,0V22h3A5,5,0,0,0,22,17V11.01A4.973,4.973,0,0,0,20.135,7.118ZM20,17A3,3,0,0,1,17,20H16V17a4,4,0,0,0-8,0V20H7A3,3,0,0,1,4,17V11.01A2.982,2.982,0,0,1,5.118,8.677l5-4.019a3.024,3.024,0,0,1,3.764,0l5,4.019A2.979,2.979,0,0,1,20,11.01Z" }) })
+] });
+
+// src/ImageBold.tsx
+import { jsx as jsx134, jsxs as jsxs134 } from "react/jsx-runtime";
+var ImageBold = ({ className, ...props }) => /* @__PURE__ */ jsxs134("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx134("title", { children: "image" }),
+  /* @__PURE__ */ jsx134("g", { id: "image-Bold", children: /* @__PURE__ */ jsx134("path", { id: "image-Bold-2", "data-name": "image-Bold", d: "M17,3H7A5.006,5.006,0,0,0,2,8v8a4.953,4.953,0,0,0,.152,1.169.99.99,0,0,0,.045.143A4.994,4.994,0,0,0,7,21H17a5.006,5.006,0,0,0,5-5V8A5.006,5.006,0,0,0,17,3ZM7,5H17a3,3,0,0,1,3,3v4.586L16.417,9a2.009,2.009,0,0,0-2.834,0L9,13.586,8.417,13a2.009,2.009,0,0,0-2.834,0L4,14.586V8A3,3,0,0,1,7,5ZM17,19H7a3,3,0,0,1-2.759-1.825L7,14.417l.942.941a1.5,1.5,0,0,0,2.113,0L15,10.417l5,5V16A3,3,0,0,1,17,19ZM6.5,9A1.5,1.5,0,1,1,8,10.5,1.5,1.5,0,0,1,6.5,9Z" }) })
+] });
+
+// src/InboxBold.tsx
+import { jsx as jsx135, jsxs as jsxs135 } from "react/jsx-runtime";
+var InboxBold = ({ className, ...props }) => /* @__PURE__ */ jsxs135("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx135("title", { children: "inbox" }),
+  /* @__PURE__ */ jsx135("g", { id: "inbox-Bold", children: /* @__PURE__ */ jsx135("path", { id: "inbox-Bold-2", "data-name": "inbox-Bold", d: "M7,10A1,1,0,0,1,8,9h8a1,1,0,0,1,0,2H8A1,1,0,0,1,7,10ZM9,8h6a1,1,0,0,0,0-2H9A1,1,0,0,0,9,8Zm13,5.487V16a5.006,5.006,0,0,1-5,5H7a5.006,5.006,0,0,1-5-5V13.487a3.99,3.99,0,0,1,.205-1.265l1.935-5.8A4.993,4.993,0,0,1,8.883,3h6.234A4.993,4.993,0,0,1,19.86,6.419l1.935,5.8A3.99,3.99,0,0,1,22,13.487ZM4.387,12H9a1,1,0,0,1,1,1,2,2,0,0,0,4,0,1,1,0,0,1,1-1h4.613l-1.65-4.948A3,3,0,0,0,15.117,5H8.883A3,3,0,0,0,6.037,7.052ZM20,16V14H15.874a4,4,0,0,1-7.748,0H4v2a3,3,0,0,0,3,3H17A3,3,0,0,0,20,16Z" }) })
+] });
+
+// src/InfoCircleBold.tsx
+import { jsx as jsx136, jsxs as jsxs136 } from "react/jsx-runtime";
+var InfoCircleBold = ({ className, ...props }) => /* @__PURE__ */ jsxs136("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx136("title", { children: "info-circle" }),
+  /* @__PURE__ */ jsx136("g", { id: "info-circle-Bold", children: /* @__PURE__ */ jsx136("path", { id: "info-circle-Bold-2", "data-name": "info-circle-Bold", d: "M12,2A10,10,0,1,0,22,12,10.011,10.011,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,12,20ZM13,8a1,1,0,1,1-1-1A1,1,0,0,1,13,8Zm0,4v4a1,1,0,0,1-2,0V12a1,1,0,0,1,2,0Z" }) })
+] });
+
+// src/LinkBold.tsx
+import { jsx as jsx137, jsxs as jsxs137 } from "react/jsx-runtime";
+var LinkBold = ({ className, ...props }) => /* @__PURE__ */ jsxs137("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx137("title", { children: "link" }),
+  /* @__PURE__ */ jsx137("g", { id: "link-Bold", children: /* @__PURE__ */ jsx137("path", { id: "link-Bold-2", "data-name": "link-Bold", d: "M20.545,10.467l-1.839,1.84a1,1,0,0,1-1.414-1.414l1.839-1.84a2.965,2.965,0,0,0,0-4.186,3.027,3.027,0,0,0-4.184,0l-3.36,3.36a2.046,2.046,0,0,0-.267.316,2.943,2.943,0,0,0,.268,3.87,1,1,0,0,1-1.415,1.414,4.915,4.915,0,0,1-.5-6.42,3.792,3.792,0,0,1,.5-.594l3.36-3.36a4.959,4.959,0,0,1,7.013,7.014Zm-8.132-.294a1,1,0,0,0,0,1.414,2.928,2.928,0,0,1,.688,3.1,2.827,2.827,0,0,1-.688,1.088l-3.36,3.36a3.027,3.027,0,0,1-4.184,0,2.965,2.965,0,0,1,0-4.186l1.839-1.84a1,1,0,1,0-1.414-1.414l-1.839,1.84a4.959,4.959,0,1,0,7.013,7.014l3.359-3.359a4.813,4.813,0,0,0,1.163-1.849,4.963,4.963,0,0,0-1.163-5.166A1,1,0,0,0,12.413,10.173Z" }) })
+] });
+
+// src/LockBold.tsx
+import { jsx as jsx138, jsxs as jsxs138 } from "react/jsx-runtime";
+var LockBold = ({ className, ...props }) => /* @__PURE__ */ jsxs138("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx138("title", { children: "lock" }),
+  /* @__PURE__ */ jsx138("g", { id: "lock-Bold", children: /* @__PURE__ */ jsx138("path", { id: "lock-Bold-2", "data-name": "lock-Bold", d: "M17,9.424V7A5,5,0,0,0,7,7V9.424A5,5,0,0,0,4,14v3a5.006,5.006,0,0,0,5,5h6a5.006,5.006,0,0,0,5-5V14A5,5,0,0,0,17,9.424ZM9,7a3,3,0,0,1,6,0V9H9Zm9,10a3,3,0,0,1-3,3H9a3,3,0,0,1-3-3V14a3,3,0,0,1,3-3h6a3,3,0,0,1,3,3Zm-5-2v1a1,1,0,0,1-2,0V15a1,1,0,0,1,2,0Z" }) })
+] });
+
+// src/LogInBold.tsx
+import { jsx as jsx139, jsxs as jsxs139 } from "react/jsx-runtime";
+var LogInBold = ({ className, ...props }) => /* @__PURE__ */ jsxs139("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx139("title", { children: "log-in" }),
+  /* @__PURE__ */ jsx139("g", { id: "log-in-Bold", children: /* @__PURE__ */ jsx139("path", { id: "log-in-Bold-2", "data-name": "log-in-Bold", d: "M21,7V17a5.006,5.006,0,0,1-5,5H12a1,1,0,0,1,0-2h4a3,3,0,0,0,3-3V7a3,3,0,0,0-3-3H12a1,1,0,0,1,0-2h4A5.006,5.006,0,0,1,21,7Zm-6.077,5.382a1,1,0,0,0-.217-1.09l-4-4A1,1,0,1,0,9.293,8.707L11.586,11H4a1,1,0,0,0,0,2h7.586L9.293,15.293a1,1,0,1,0,1.414,1.414l4-4A1,1,0,0,0,14.923,12.382Z" }) })
+] });
+
+// src/LogOutBold.tsx
+import { jsx as jsx140, jsxs as jsxs140 } from "react/jsx-runtime";
+var LogOutBold = ({ className, ...props }) => /* @__PURE__ */ jsxs140("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx140("title", { children: "log-out" }),
+  /* @__PURE__ */ jsx140("g", { id: "log-out-Bold", children: /* @__PURE__ */ jsx140("path", { id: "log-out-Bold-2", "data-name": "log-out-Bold", d: "M13,21a1,1,0,0,1-1,1H8a5.006,5.006,0,0,1-5-5V7A5.006,5.006,0,0,1,8,2h4a1,1,0,0,1,0,2H8A3,3,0,0,0,5,7V17a3,3,0,0,0,3,3h4A1,1,0,0,1,13,21Zm7.923-8.618a1,1,0,0,0,0-.764,1.017,1.017,0,0,0-.217-.326l-4-4a1,1,0,1,0-1.414,1.414L17.587,11H10a1,1,0,1,0,0,2h7.586l-2.293,2.293a1,1,0,1,0,1.414,1.414l4-4A1.017,1.017,0,0,0,20.924,12.382Z" }) })
+] });
+
+// src/MapMarkerBold.tsx
+import { jsx as jsx141, jsxs as jsxs141 } from "react/jsx-runtime";
+var MapMarkerBold = ({ className, ...props }) => /* @__PURE__ */ jsxs141("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx141("title", { children: "map-marker" }),
+  /* @__PURE__ */ jsx141("g", { id: "map-marker-Bold", children: /* @__PURE__ */ jsx141("path", { id: "map-marker-Bold-2", "data-name": "map-marker-Bold", d: "M12,6a4,4,0,1,0,4,4A4,4,0,0,0,12,6Zm0,6a2,2,0,1,1,2-2A2,2,0,0,1,12,12ZM12,2a7.823,7.823,0,0,0-8,8c0,6.326,4.812,10.26,6.881,11.657a1.981,1.981,0,0,0,2.228,0C15.181,20.26,20,16.324,20,10A7.826,7.826,0,0,0,12,2Zm0,18c-1.8-1.219-6-4.633-6-10a5.8,5.8,0,0,1,6-6,5.87,5.87,0,0,1,6,6C18,15.364,13.8,18.781,12,20Z" }) })
+] });
+
+// src/MapPinBold.tsx
+import { jsx as jsx142, jsxs as jsxs142 } from "react/jsx-runtime";
+var MapPinBold = ({ className, ...props }) => /* @__PURE__ */ jsxs142("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx142("title", { children: "map-pin" }),
+  /* @__PURE__ */ jsx142("g", { id: "map-pin-Bold", children: /* @__PURE__ */ jsx142("path", { id: "map-pin-Bold-2", "data-name": "map-pin-Bold", d: "M11,12.9V17a1,1,0,0,0,2,0V12.9a5.5,5.5,0,1,0-2,0ZM12,4A3.5,3.5,0,1,1,8.5,7.5,3.5,3.5,0,0,1,12,4Zm8,14c0,2.626-4.024,4-8,4s-8-1.374-8-4c0-1.7,1.8-3.082,4.8-3.69a1,1,0,0,1,.4,1.961C7.017,16.712,6,17.563,6,18c0,.7,2.278,2,6,2s6-1.3,6-2c0-.437-1.017-1.288-3.2-1.729a1,1,0,0,1,.4-1.961C18.2,14.918,20,16.3,20,18Z" }) })
+] });
+
+// src/MapBold.tsx
+import { jsx as jsx143, jsxs as jsxs143 } from "react/jsx-runtime";
+var MapBold = ({ className, ...props }) => /* @__PURE__ */ jsxs143("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx143("title", { children: "map" }),
+  /* @__PURE__ */ jsx143("g", { id: "map-Bold", children: /* @__PURE__ */ jsx143("path", { id: "map-Bold-2", "data-name": "map-Bold", d: "M20.542,3.461a2.939,2.939,0,0,0-2.893-.107L15.438,4.489a.948.948,0,0,1-.876,0L10.351,2.327A2.956,2.956,0,0,0,9.019,2C9.012,2,9.007,2,9,2s-.012,0-.019,0a2.964,2.964,0,0,0-1.333.323L4.2,4.1A4.068,4.068,0,0,0,2,7.742V17.919a3.043,3.043,0,0,0,1.458,2.62,2.938,2.938,0,0,0,2.893.107l2.211-1.135a.948.948,0,0,1,.876,0l4.211,2.162A2.961,2.961,0,0,0,14.988,22L15,22l.012,0a2.961,2.961,0,0,0,1.339-.325h0L19.8,19.9A4.068,4.068,0,0,0,22,16.258V6.081A3.043,3.043,0,0,0,20.542,3.461ZM5.437,18.866a.943.943,0,0,1-.937-.034,1.056,1.056,0,0,1-.5-.913V7.742A2.074,2.074,0,0,1,5.115,5.877L8,4.395V17.6a2.952,2.952,0,0,0-.351.129Zm4.914-1.135A2.952,2.952,0,0,0,10,17.6V4.395l3.649,1.874A2.952,2.952,0,0,0,14,6.4V19.605ZM20,16.258a2.074,2.074,0,0,1-1.115,1.865L16,19.605V6.4a2.952,2.952,0,0,0,.351-.129l2.211-1.135a.943.943,0,0,1,.938.034,1.056,1.056,0,0,1,.5.913Z" }) })
+] });
+
+// src/MenuBold.tsx
+import { jsx as jsx144, jsxs as jsxs144 } from "react/jsx-runtime";
+var MenuBold = ({ className, ...props }) => /* @__PURE__ */ jsxs144("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx144("title", { children: "menu" }),
+  /* @__PURE__ */ jsx144("g", { id: "menu-Bold", children: /* @__PURE__ */ jsx144("path", { id: "menu-Bold-2", "data-name": "menu-Bold", d: "M2,5A1,1,0,0,1,3,4H16a1,1,0,0,1,0,2H3A1,1,0,0,1,2,5Zm19,6H3a1,1,0,0,0,0,2H21a1,1,0,0,0,0-2Zm-9,7H3a1,1,0,0,0,0,2h9a1,1,0,0,0,0-2Z" }) })
+] });
+
+// src/MicrophoneSlashBold.tsx
+import { jsx as jsx145, jsxs as jsxs145 } from "react/jsx-runtime";
+var MicrophoneSlashBold = ({ className, ...props }) => /* @__PURE__ */ jsxs145("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx145("title", { children: "microphone-slash" }),
+  /* @__PURE__ */ jsx145("g", { id: "microphone-slash-Bold", children: /* @__PURE__ */ jsx145("path", { id: "microphone-slash-Bold-2", "data-name": "microphone-slash-Bold", d: "M12,16a5.006,5.006,0,0,0,5-5V8.414l3.707-3.707a1,1,0,1,0-1.414-1.414l-4,4,0,0-12,12a1,1,0,1,0,1.414,1.414l2.98-2.98A7.972,7.972,0,0,0,11,18.93V20H8a1,1,0,0,0,0,2h8a1,1,0,0,0,0-2H13V18.931A8.008,8.008,0,0,0,20,11a1,1,0,0,0-2,0,5.986,5.986,0,0,1-8.854,5.268l.745-.745A4.957,4.957,0,0,0,12,16Zm3-5a3,3,0,0,1-3,3,2.865,2.865,0,0,1-.532-.054L15,10.414ZM7.121,12.1A5.437,5.437,0,0,1,7,11V7a5,5,0,0,1,9.1-2.85,1,1,0,1,1-1.644,1.139A3,3,0,0,0,9,7v4a3.453,3.453,0,0,0,.079.7A1,1,0,0,1,8.3,12.88a1.022,1.022,0,0,1-.2.02A1,1,0,0,1,7.121,12.1ZM4.893,14.682A8,8,0,0,1,4,11a1,1,0,0,1,2,0,5.983,5.983,0,0,0,.667,2.758,1,1,0,0,1-.425,1.348.985.985,0,0,1-.461.114A1,1,0,0,1,4.893,14.682Z" }) })
+] });
+
+// src/MicrophoneBold.tsx
+import { jsx as jsx146, jsxs as jsxs146 } from "react/jsx-runtime";
+var MicrophoneBold = ({ className, ...props }) => /* @__PURE__ */ jsxs146("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx146("title", { children: "microphone" }),
+  /* @__PURE__ */ jsx146("g", { id: "microphone-Bold", children: /* @__PURE__ */ jsx146("path", { id: "microphone-Bold-2", "data-name": "microphone-Bold", d: "M12,16a5.006,5.006,0,0,0,5-5V7A5,5,0,0,0,7,7v4A5.006,5.006,0,0,0,12,16ZM9,7a3,3,0,0,1,6,0v4a3,3,0,0,1-6,0Zm4,11.931V20h3a1,1,0,0,1,0,2H8a1,1,0,0,1,0-2h3V18.931A8.008,8.008,0,0,1,4,11a1,1,0,0,1,2,0,6,6,0,0,0,12,0,1,1,0,0,1,2,0A8.008,8.008,0,0,1,13,18.931Z" }) })
+] });
+
+// src/MinusSquareBold.tsx
+import { jsx as jsx147, jsxs as jsxs147 } from "react/jsx-runtime";
+var MinusSquareBold = ({ className, ...props }) => /* @__PURE__ */ jsxs147("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx147("title", { children: "minus-square" }),
+  /* @__PURE__ */ jsx147("g", { id: "minus-square-Bold", children: /* @__PURE__ */ jsx147("path", { id: "minus-square-Bold-2", "data-name": "minus-square-Bold", d: "M15,2H9A7.008,7.008,0,0,0,2,9v6a7.008,7.008,0,0,0,7,7h6a7.008,7.008,0,0,0,7-7V9A7.008,7.008,0,0,0,15,2Zm5,13a5.006,5.006,0,0,1-5,5H9a5.006,5.006,0,0,1-5-5V9A5.006,5.006,0,0,1,9,4h6a5.006,5.006,0,0,1,5,5Zm-3-3a1,1,0,0,1-1,1H8a1,1,0,0,1,0-2h8A1,1,0,0,1,17,12Z" }) })
+] });
+
+// src/MobileBold.tsx
+import { jsx as jsx148, jsxs as jsxs148 } from "react/jsx-runtime";
+var MobileBold = ({ className, ...props }) => /* @__PURE__ */ jsxs148("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx148("title", { children: "mobile" }),
+  /* @__PURE__ */ jsx148("g", { id: "mobile-Bold", children: /* @__PURE__ */ jsx148("path", { id: "mobile-Bold-2", "data-name": "mobile-Bold", d: "M14,2H10A5.006,5.006,0,0,0,5,7V17a5.006,5.006,0,0,0,5,5h4a5.006,5.006,0,0,0,5-5V7A5.006,5.006,0,0,0,14,2Zm3,15a3,3,0,0,1-3,3H10a3,3,0,0,1-3-3V7a3,3,0,0,1,3-3h4a3,3,0,0,1,3,3Zm-3.5,1a1,1,0,0,1-1,1h-1a1,1,0,0,1,0-2h1A1,1,0,0,1,13.5,18Z" }) })
+] });
+
+// src/MoreHCircleBold.tsx
+import { jsx as jsx149, jsxs as jsxs149 } from "react/jsx-runtime";
+var MoreHCircleBold = ({ className, ...props }) => /* @__PURE__ */ jsxs149("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx149("title", { children: "more-h-circle" }),
+  /* @__PURE__ */ jsx149("g", { id: "more-v-circle-Bold-2", "data-name": "more-v-circle-Bold", children: /* @__PURE__ */ jsx149("path", { id: "more-v-circle-Bold-3", "data-name": "more-v-circle-Bold", d: "M17.75,12a1.25,1.25,0,1,1-1.25-1.25A1.25,1.25,0,0,1,17.75,12ZM12,10.75A1.25,1.25,0,1,0,13.25,12,1.25,1.25,0,0,0,12,10.75Zm-4.5,0A1.25,1.25,0,1,0,8.75,12,1.25,1.25,0,0,0,7.5,10.75ZM22,12A10,10,0,1,1,12,2,10.011,10.011,0,0,1,22,12Zm-2,0a8,8,0,1,0-8,8A8.009,8.009,0,0,0,20,12Z" }) })
+] });
+
+// src/MoreVCircleBold.tsx
+import { jsx as jsx150, jsxs as jsxs150 } from "react/jsx-runtime";
+var MoreVCircleBold = ({ className, ...props }) => /* @__PURE__ */ jsxs150("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx150("title", { children: "more-v-circle" }),
+  /* @__PURE__ */ jsx150("g", { id: "more-v-circle-Bold", children: /* @__PURE__ */ jsx150("path", { id: "more-v-circle-Bold-2", "data-name": "more-v-circle-Bold", d: "M13.25,16.5A1.25,1.25,0,1,1,12,15.25,1.25,1.25,0,0,1,13.25,16.5ZM12,10.75A1.25,1.25,0,1,0,13.25,12,1.25,1.25,0,0,0,12,10.75Zm0-4.5A1.25,1.25,0,1,0,13.25,7.5,1.25,1.25,0,0,0,12,6.25ZM22,12A10,10,0,1,1,12,2,10.011,10.011,0,0,1,22,12Zm-2,0a8,8,0,1,0-8,8A8.009,8.009,0,0,0,20,12Z" }) })
+] });
+
+// src/PackageBold.tsx
+import { jsx as jsx151, jsxs as jsxs151 } from "react/jsx-runtime";
+var PackageBold = ({ className, ...props }) => /* @__PURE__ */ jsxs151("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx151("title", { children: "package" }),
+  /* @__PURE__ */ jsx151("g", { id: "package-Bold", children: /* @__PURE__ */ jsx151("path", { id: "package-Bold-2", "data-name": "package-Bold", d: "M18.918,4.481l-4.4-1.954a6.314,6.314,0,0,0-5.038,0h0l-4.4,1.954A5.008,5.008,0,0,0,2,8.973v6.049a5.008,5.008,0,0,0,3.082,4.492l4.4,1.955a6.221,6.221,0,0,0,2.492.523.059.059,0,0,0,.052,0,6.226,6.226,0,0,0,2.493-.523l4.4-1.955A5.008,5.008,0,0,0,22,15.022V8.973A5.008,5.008,0,0,0,18.918,4.481Zm-5.211-.126,4.4,1.954a3.753,3.753,0,0,1,.394.205l-2,.89L9.963,4.5l.329-.146A4.27,4.27,0,0,1,13.707,4.355ZM7.5,5.6l6.535,2.9-.934.415a2.868,2.868,0,0,1-2.2,0l-5.4-2.4A3.77,3.77,0,0,1,5.9,6.309ZM5.894,17.686A2.973,2.973,0,0,1,4,15.022V8.973a2.6,2.6,0,0,1,.153-.868l5.933,2.637a4.511,4.511,0,0,0,.914.291v8.834a4.118,4.118,0,0,1-.706-.226ZM20,15.022a2.973,2.973,0,0,1-1.895,2.664l-4.4,1.955a4.157,4.157,0,0,1-.707.226V11.033a4.511,4.511,0,0,0,.914-.291l5.933-2.637A2.6,2.6,0,0,1,20,8.973Z" }) })
+] });
+
+// src/PaperclipBold.tsx
+import { jsx as jsx152, jsxs as jsxs152 } from "react/jsx-runtime";
+var PaperclipBold = ({ className, ...props }) => /* @__PURE__ */ jsxs152("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx152("title", { children: "paperclip" }),
+  /* @__PURE__ */ jsx152("g", { id: "paperclip-Bold", children: /* @__PURE__ */ jsx152("path", { id: "paperclip-Bold-2", "data-name": "paperclip-Bold", d: "M20.716,14.736l-5.028,5.042A7.638,7.638,0,0,1,10.313,22h0a7.264,7.264,0,0,1-5.185-2.127,7.507,7.507,0,0,1,.1-10.582L10.95,3.547a5.257,5.257,0,0,1,7.449,0,5.293,5.293,0,0,1,0,7.463l-5.755,5.77a3.2,3.2,0,0,1-4.433,0,3.146,3.146,0,0,1,0-4.436l5.055-5.07a1,1,0,1,1,1.416,1.413L9.627,13.756a1.136,1.136,0,1,0,1.6,1.612L16.983,9.6a3.291,3.291,0,0,0,0-4.639,3.338,3.338,0,0,0-4.617,0L6.638,10.7a5.572,5.572,0,0,0-.095,7.758A5.278,5.278,0,0,0,10.312,20h0a5.628,5.628,0,0,0,3.959-1.634L19.3,13.324a1,1,0,0,1,1.416,1.412Z" }) })
+] });
+
+// src/PenBold.tsx
+import { jsx as jsx153, jsxs as jsxs153 } from "react/jsx-runtime";
+var PenBold = ({ className, ...props }) => /* @__PURE__ */ jsxs153("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx153("title", { children: "pen" }),
+  /* @__PURE__ */ jsx153("g", { id: "pen-Bold", children: /* @__PURE__ */ jsx153("path", { id: "pen-Bold-2", "data-name": "pen-Bold", d: "M20.658,3.342a4.577,4.577,0,0,0-6.476,0L3.648,13.875A2.98,2.98,0,0,0,2.811,15.5l-.79,4.738A1.509,1.509,0,0,0,3.511,22a1.483,1.483,0,0,0,.248-.021l4.738-.79a2.973,2.973,0,0,0,1.628-.837L20.658,9.818a4.577,4.577,0,0,0,0-6.476ZM8.711,18.938a1,1,0,0,1-.542.279l-4.063.677.677-4.063a1,1,0,0,1,.279-.542l7.907-7.906,3.648,3.648ZM19.244,8.4,18.031,9.617,14.383,5.969,15.6,4.756A2.58,2.58,0,1,1,19.244,8.4Z" }) })
+] });
+
+// src/PhoneBold.tsx
+import { jsx as jsx154, jsxs as jsxs154 } from "react/jsx-runtime";
+var PhoneBold = ({ className, ...props }) => /* @__PURE__ */ jsxs154("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx154("title", { children: "phone" }),
+  /* @__PURE__ */ jsx154("g", { id: "phone-Bold", children: /* @__PURE__ */ jsx154("path", { id: "phone-Bold-2", "data-name": "phone-Bold", d: "M21.933,16.557c-.026-.144-.055-.271-.086-.381a1.976,1.976,0,0,0-1.586-1.392l-4.331-.72a2.012,2.012,0,0,0-1.9.729c-.059.073-.114.15-.227.274a9.093,9.093,0,0,1-4.83-4.92c.1-.07.2-.143.3-.22A2.015,2.015,0,0,0,9.986,8.05L9.315,3.8A1.987,1.987,0,0,0,7.979,2.207a4.122,4.122,0,0,0-.543-.136A4.531,4.531,0,0,0,3.673,3.114,4.778,4.778,0,0,0,2,6.881,15.543,15.543,0,0,0,17.118,22h.131a4.769,4.769,0,0,0,3.618-1.661A4.573,4.573,0,0,0,21.933,16.557ZM19.354,19.03A2.769,2.769,0,0,1,17.172,20,13.543,13.543,0,0,1,4,6.826a2.792,2.792,0,0,1,.975-2.2A2.53,2.53,0,0,1,6.633,4a2.615,2.615,0,0,1,.447.04,1.6,1.6,0,0,1,.26.068l.666,4.268c-.051.04-.1.078-.159.116A2.027,2.027,0,0,0,7.1,11,11.354,11.354,0,0,0,13,16.9a2.031,2.031,0,0,0,2.507-.749l.093-.116,4.321.681a1.862,1.862,0,0,1,.04.184A2.576,2.576,0,0,1,19.354,19.03Z" }) })
+] });
+
+// src/PlusSquareBold.tsx
+import { jsx as jsx155, jsxs as jsxs155 } from "react/jsx-runtime";
+var PlusSquareBold = ({ className, ...props }) => /* @__PURE__ */ jsxs155("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx155("title", { children: "plus-square" }),
+  /* @__PURE__ */ jsx155("g", { id: "plus-square-Bold", children: /* @__PURE__ */ jsx155("path", { id: "plus-square-Bold-2", "data-name": "plus-square-Bold", d: "M15,2H9A7.008,7.008,0,0,0,2,9v6a7.008,7.008,0,0,0,7,7h6a7.008,7.008,0,0,0,7-7V9A7.008,7.008,0,0,0,15,2Zm5,13a5.006,5.006,0,0,1-5,5H9a5.006,5.006,0,0,1-5-5V9A5.006,5.006,0,0,1,9,4h6a5.006,5.006,0,0,1,5,5Zm-3-3a1,1,0,0,1-1,1H13v3a1,1,0,0,1-2,0V13H8a1,1,0,0,1,0-2h3V8a1,1,0,0,1,2,0v3h3A1,1,0,0,1,17,12Z" }) })
+] });
+
+// src/QuestionCircleBold.tsx
+import { jsx as jsx156, jsxs as jsxs156 } from "react/jsx-runtime";
+var QuestionCircleBold = ({ className, ...props }) => /* @__PURE__ */ jsxs156("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx156("title", { children: "question-circle" }),
+  /* @__PURE__ */ jsx156("g", { id: "question-circle-Bold", children: /* @__PURE__ */ jsx156("path", { id: "question-circle-Bold-2", "data-name": "question-circle-Bold", d: "M12,2A10,10,0,1,0,22,12,10.011,10.011,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,12,20ZM15.937,9.283a3.884,3.884,0,0,1-1.9,4.032c-.925.616-1.073.945-1.093,1a1,1,0,0,1-1.895-.638,4.541,4.541,0,0,1,1.88-2.032,1.866,1.866,0,0,0,1.035-2.02,2.025,2.025,0,0,0-1.6-1.6A2,2,0,0,0,10,10a1,1,0,0,1-2,0,4,4,0,0,1,7.937-.717ZM13,17a1,1,0,1,1-1-1A1,1,0,0,1,13,17Z" }) })
+] });
+
+// src/SearchBold.tsx
+import { jsx as jsx157, jsxs as jsxs157 } from "react/jsx-runtime";
+var SearchBold = ({ className, ...props }) => /* @__PURE__ */ jsxs157("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx157("title", { children: "search" }),
+  /* @__PURE__ */ jsx157("g", { id: "search-Bold", children: /* @__PURE__ */ jsx157("path", { id: "search-Bold-2", "data-name": "search-Bold", d: "M21.707,20.293l-4.539-4.539a8.527,8.527,0,1,0-1.414,1.414l4.539,4.539a1,1,0,0,0,1.414-1.414ZM4,10.5A6.5,6.5,0,1,1,10.5,17,6.508,6.508,0,0,1,4,10.5Z" }) })
+] });
+
+// src/SendBold.tsx
+import { jsx as jsx158, jsxs as jsxs158 } from "react/jsx-runtime";
+var SendBold = ({ className, ...props }) => /* @__PURE__ */ jsxs158("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx158("title", { children: "send" }),
+  /* @__PURE__ */ jsx158("g", { id: "send-Bold", children: /* @__PURE__ */ jsx158("path", { id: "send-Bold-2", "data-name": "send-Bold", d: "M21.1,2.9a3.027,3.027,0,0,0-2.9-.8L5.091,5.372A4.019,4.019,0,0,0,2,9.358,4.022,4.022,0,0,0,5.146,13.3l4.5,1.057L10.7,18.854A4.021,4.021,0,0,0,14.642,22h.03a4.019,4.019,0,0,0,3.957-3.09h0L21.907,5.8A3.028,3.028,0,0,0,21.1,2.9ZM19.967,5.312,16.688,18.425A1.976,1.976,0,0,1,14.655,20a2,2,0,0,1-2.009-1.6L11.573,13.84l4.134-4.133a1,1,0,0,0-1.414-1.414l-4.134,4.133L5.6,11.354A2,2,0,0,1,4,9.345,2.006,2.006,0,0,1,5.576,7.312L18.689,4.033A1.132,1.132,0,0,1,18.956,4a1.049,1.049,0,0,1,.734.311A1.039,1.039,0,0,1,19.967,5.312Z" }) })
+] });
+
+// src/SettingsBold.tsx
+import { jsx as jsx159, jsxs as jsxs159 } from "react/jsx-runtime";
+var SettingsBold = ({ className, ...props }) => /* @__PURE__ */ jsxs159("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx159("title", { children: "settings" }),
+  /* @__PURE__ */ jsx159("g", { id: "settings-Bold", children: /* @__PURE__ */ jsx159("path", { id: "settings-Bold-2", "data-name": "settings-Bold", d: "M12,16a4,4,0,1,1,4-4A4,4,0,0,1,12,16Zm0-6a2,2,0,1,0,2,2A2,2,0,0,0,12,10Zm.5,12h-1A2.5,2.5,0,0,1,9,19.5a.107.107,0,0,0-.068-.109c-.049-.024-.106.028-.106.028a2.51,2.51,0,0,1-3.543.009l-.706-.707a2.5,2.5,0,0,1,.006-3.54.1.1,0,0,0,.02-.123A.13.13,0,0,0,4.5,15,2.5,2.5,0,0,1,2,12.5v-1A2.5,2.5,0,0,1,4.5,9a.113.113,0,0,0,.108-.064.087.087,0,0,0-.022-.105,2.508,2.508,0,0,1-.012-3.549l.708-.709a2.507,2.507,0,0,1,3.535,0,.1.1,0,0,0,.126.032C9,4.58,9,4.5,9,4.5A2.5,2.5,0,0,1,11.5,2h1A2.5,2.5,0,0,1,15,4.5s-.005.1.05.12a.123.123,0,0,0,.118-.025,2.487,2.487,0,0,1,1.781-.75h0a2.48,2.48,0,0,1,1.768.732l.7.705a2.5,2.5,0,0,1,0,3.535c-.014.021-.072.064-.049.124a.086.086,0,0,0,.1.059A2.509,2.509,0,0,1,22,11.5v1A2.5,2.5,0,0,1,19.5,15c-.06,0-.114,0-.133.049s-.009.08.04.121a2.5,2.5,0,0,1,.016,3.551l-.7.706a2.507,2.507,0,0,1-3.535,0h0s-.056-.068-.112-.048a.1.1,0,0,0-.071.092A2.509,2.509,0,0,1,12.5,22ZM9.671,17.532l.044.018A2.1,2.1,0,0,1,11,19.472a.508.508,0,0,0,.5.528h1a.5.5,0,0,0,.5-.5,2.124,2.124,0,0,1,1.31-1.961,2.084,2.084,0,0,1,2.265.451.507.507,0,0,0,.729.022l.705-.705a.5.5,0,0,0,0-.708,2.125,2.125,0,0,1-.475-2.265c.006-.016.011-.031.018-.047l.006-.014A2.074,2.074,0,0,1,19.474,13,.507.507,0,0,0,20,12.5v-1a.5.5,0,0,0-.5-.5,2.086,2.086,0,0,1-1.952-1.291l-.019-.046a2.066,2.066,0,0,1,.463-2.239.508.508,0,0,0,.02-.728l-.705-.7a.5.5,0,0,0-.354-.146h0a.5.5,0,0,0-.354.147,2.128,2.128,0,0,1-2.3.464h0A2.075,2.075,0,0,1,13,4.526.507.507,0,0,0,12.5,4h-1a.5.5,0,0,0-.5.5A2.1,2.1,0,0,1,7.425,6.01.506.506,0,0,0,6.7,5.988L5.988,6.7a.5.5,0,0,0,0,.707A2.089,2.089,0,0,1,6.46,9.691a1.007,1.007,0,0,1-.1.189A2.106,2.106,0,0,1,4.528,11,.508.508,0,0,0,4,11.5v1a.5.5,0,0,0,.5.5,2.083,2.083,0,0,1,1.943,1.273l.006.014c.009.021.017.041.024.063a2.1,2.1,0,0,1-.468,2.236.511.511,0,0,0-.16.366.494.494,0,0,0,.146.355l.706.706a.5.5,0,0,0,.707,0A2.092,2.092,0,0,1,9.671,17.532ZM19.4,8.96l0,.006Z" }) })
+] });
+
+// src/ShieldBold.tsx
+import { jsx as jsx160, jsxs as jsxs160 } from "react/jsx-runtime";
+var ShieldBold = ({ className, ...props }) => /* @__PURE__ */ jsxs160("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx160("title", { children: "shield" }),
+  /* @__PURE__ */ jsx160("g", { id: "shield-Bold", children: /* @__PURE__ */ jsx160("path", { id: "shield-Bold-2", "data-name": "shield-Bold", d: "M20.316,6.052C17.25,5.029,13.519,3.1,12.728,2.3a1,1,0,0,0-.7-.3,1.022,1.022,0,0,0-.71.288,20.035,20.035,0,0,1-7.585,3.88A1,1,0,0,0,3,7.13c0,8.359,1.306,12.711,8.726,14.832a1.014,1.014,0,0,0,.55,0C19.694,19.842,21,15.448,21,7A1,1,0,0,0,20.316,6.052ZM12,19.958C6.257,18.235,5.073,15.2,5,7.873A23.338,23.338,0,0,0,12.039,4.3,35.028,35.028,0,0,0,19,7.709C18.931,15.16,17.755,18.231,12,19.958Z" }) })
+] });
+
+// src/ShoppingBasketBold.tsx
+import { jsx as jsx161, jsxs as jsxs161 } from "react/jsx-runtime";
+var ShoppingBasketBold = ({ className, ...props }) => /* @__PURE__ */ jsxs161("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx161("title", { children: "shopping-basket" }),
+  /* @__PURE__ */ jsx161("g", { id: "shopping-basket-Bold", children: /* @__PURE__ */ jsx161("path", { id: "shopping-basket-Bold-2", "data-name": "shopping-basket-Bold", d: "M11,15v3a1,1,0,0,1-2,0V15a1,1,0,0,1,2,0Zm3-1a1,1,0,0,0-1,1v3a1,1,0,0,0,2,0V15A1,1,0,0,0,14,14Zm6.429-1.379-.751,5.886A4.008,4.008,0,0,1,15.71,22h-7.4a4.011,4.011,0,0,1-3.966-3.48l-.773-5.9A2.989,2.989,0,0,1,5,7H6.434L9.143,2.485a1,1,0,0,1,1.714,1.03L8.766,7h6.468L13.143,3.515a1,1,0,1,1,1.714-1.03L17.566,7H19a2.989,2.989,0,0,1,1.429,5.621ZM4,10a1,1,0,0,0,1,1H19a1,1,0,0,0,0-2H5A1,1,0,0,0,4,10Zm14.364,3H5.64l.69,5.26A2,2,0,0,0,8.312,20h7.4a2,2,0,0,0,1.984-1.746Z" }) })
+] });
+
+// src/SlidersHBold.tsx
+import { jsx as jsx162, jsxs as jsxs162 } from "react/jsx-runtime";
+var SlidersHBold = ({ className, ...props }) => /* @__PURE__ */ jsxs162("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx162("title", { children: "sliders-h" }),
+  /* @__PURE__ */ jsx162("g", { id: "sliders-h-Bold", children: /* @__PURE__ */ jsx162("path", { id: "sliders-h-Bold-2", "data-name": "sliders-h-Bold", d: "M8.5,3.5A3.494,3.494,0,0,0,5.163,6H3A1,1,0,0,0,3,8H5.163A3.493,3.493,0,1,0,8.5,3.5Zm0,5A1.5,1.5,0,1,1,10,7,1.5,1.5,0,0,1,8.5,8.5ZM14,7a1,1,0,0,1,1-1h6a1,1,0,0,1,0,2H15A1,1,0,0,1,14,7Zm7,9H18.837a3.5,3.5,0,1,0,0,2H21a1,1,0,0,0,0-2Zm-5.5,2.5A1.5,1.5,0,1,1,17,17,1.5,1.5,0,0,1,15.5,18.5ZM10,17a1,1,0,0,1-1,1H3a1,1,0,0,1,0-2H9A1,1,0,0,1,10,17Z" }) })
+] });
+
+// src/SortAscendingBold.tsx
+import { jsx as jsx163, jsxs as jsxs163 } from "react/jsx-runtime";
+var SortAscendingBold = ({ className, ...props }) => /* @__PURE__ */ jsxs163("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx163("title", { children: "sort-ascending" }),
+  /* @__PURE__ */ jsx163("g", { id: "sort-ascending-Bold", children: /* @__PURE__ */ jsx163("path", { id: "sort-ascending-Bold-2", "data-name": "sort-ascending-Bold", d: "M12,2A10,10,0,1,0,22,12,10.011,10.011,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,12,20Zm5-4a1,1,0,0,1-1,1H8a1,1,0,0,1,0-2h8A1,1,0,0,1,17,16ZM8.5,12a1,1,0,0,1,1-1h5a1,1,0,0,1,0,2h-5A1,1,0,0,1,8.5,12ZM10,8a1,1,0,0,1,1-1h2a1,1,0,0,1,0,2H11A1,1,0,0,1,10,8Z" }) })
+] });
+
+// src/SortDescendingBold.tsx
+import { jsx as jsx164, jsxs as jsxs164 } from "react/jsx-runtime";
+var SortDescendingBold = ({ className, ...props }) => /* @__PURE__ */ jsxs164("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx164("title", { children: "sort-descending" }),
+  /* @__PURE__ */ jsx164("g", { id: "sort-descending-Bold", children: /* @__PURE__ */ jsx164("path", { id: "sort-descending-Bold-2", "data-name": "sort-descending-Bold", d: "M12,2A10,10,0,1,0,22,12,10.011,10.011,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,12,20ZM17,8a1,1,0,0,1-1,1H8A1,1,0,0,1,8,7h8A1,1,0,0,1,17,8Zm-1.5,4a1,1,0,0,1-1,1h-5a1,1,0,0,1,0-2h5A1,1,0,0,1,15.5,12ZM14,16a1,1,0,0,1-1,1H11a1,1,0,0,1,0-2h2A1,1,0,0,1,14,16Z" }) })
+] });
+
+// src/StarBold.tsx
+import { jsx as jsx165, jsxs as jsxs165 } from "react/jsx-runtime";
+var StarBold = ({ className, ...props }) => /* @__PURE__ */ jsxs165("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx165("title", { children: "star" }),
+  /* @__PURE__ */ jsx165("g", { id: "star-Bold", children: /* @__PURE__ */ jsx165("path", { id: "star-Bold-2", "data-name": "star-Bold", d: "M21.887,10.1a2.34,2.34,0,0,0-1.913-1.605l-4.05-.58L14.115,4.3a2.37,2.37,0,0,0-4.23,0L8.076,7.911l-4.05.58A2.34,2.34,0,0,0,2.113,10.1,2.314,2.314,0,0,0,2.72,12.49L5.642,15.3l-.689,3.959a2.318,2.318,0,0,0,.922,2.281,2.361,2.361,0,0,0,2.5.192L12,19.853l3.626,1.877a2.363,2.363,0,0,0,2.5-.192,2.318,2.318,0,0,0,.922-2.281L18.358,15.3,21.28,12.49A2.314,2.314,0,0,0,21.887,10.1Zm-1.992.953-3.306,3.176a1,1,0,0,0-.293.892l.781,4.484a.317.317,0,0,1-.135.324.371.371,0,0,1-.4.03L12.46,17.839a.991.991,0,0,0-.92,0L7.454,19.955a.371.371,0,0,1-.4-.03.317.317,0,0,1-.135-.324L7.7,15.117a1,1,0,0,0-.293-.892L4.105,11.049a.311.311,0,0,1-.088-.339.339.339,0,0,1,.292-.238l4.568-.655a1,1,0,0,0,.753-.542L11.673,5.2a.371.371,0,0,1,.654,0L14.37,9.275a1,1,0,0,0,.753.542l4.568.655a.339.339,0,0,1,.292.238A.311.311,0,0,1,19.9,11.049Z" }) })
+] });
+
+// src/StopwatchBold.tsx
+import { jsx as jsx166, jsxs as jsxs166 } from "react/jsx-runtime";
+var StopwatchBold = ({ className, ...props }) => /* @__PURE__ */ jsxs166("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx166("title", { children: "stopwatch" }),
+  /* @__PURE__ */ jsx166("g", { id: "stopwatch-Bold", children: /* @__PURE__ */ jsx166("path", { id: "stopwatch-Bold-2", "data-name": "stopwatch-Bold", d: "M18.443,7.971l1.264-1.264a1,1,0,1,0-1.414-1.414L16.968,6.618A8.444,8.444,0,0,0,13,5.064V4h1a1,1,0,0,0,0-2H10a1,1,0,0,0,0,2h1V5.064a8.514,8.514,0,1,0,7.443,2.907ZM12,20a6.5,6.5,0,1,1,6.5-6.5A6.508,6.508,0,0,1,12,20Zm2.781-4.625a1,1,0,0,1-1.562,1.25l-2-2.5A1,1,0,0,1,11,13.5V10a1,1,0,0,1,2,0v3.149Z" }) })
+] });
+
+// src/StoreBold.tsx
+import { jsx as jsx167, jsxs as jsxs167 } from "react/jsx-runtime";
+var StoreBold = ({ className, ...props }) => /* @__PURE__ */ jsxs167("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx167("title", { children: "store" }),
+  /* @__PURE__ */ jsx167("g", { id: "store-Bold", children: /* @__PURE__ */ jsx167("path", { id: "store-Bold-2", "data-name": "store-Bold", d: "M22,9a1.008,1.008,0,0,0-.051-.318L20.86,5.419A4.993,4.993,0,0,0,16.117,2H7.883A4.993,4.993,0,0,0,3.14,5.419L2.051,8.684A1.008,1.008,0,0,0,2,9a3.979,3.979,0,0,0,1,2.616V18a4,4,0,0,0,4,4h4.027V18a1,1,0,0,1,2,0v4H17a4,4,0,0,0,4-4V11.618A3.979,3.979,0,0,0,22,9ZM5.037,6.052A3,3,0,0,1,7.883,4h8.234a3,3,0,0,1,2.846,2.052L20,9.146A1.974,1.974,0,0,1,18.01,11a2.252,2.252,0,0,1-2.066-1.331A1,1,0,0,0,15,9h0a1,1,0,0,0-.942.677,2.256,2.256,0,0,1-4.108,0A1,1,0,0,0,9,9H9a1,1,0,0,0-.944.669A2.252,2.252,0,0,1,5.99,11,1.974,1.974,0,0,1,4.005,9.146ZM17,20H15.027V18a3,3,0,0,0-6,0v2H7a2,2,0,0,1-2-2V12.86a3.95,3.95,0,0,0,.99.14A4.39,4.39,0,0,0,9,11.779a4.306,4.306,0,0,0,6.008,0A4.393,4.393,0,0,0,18.01,13a3.9,3.9,0,0,0,.99-.14V18A2,2,0,0,1,17,20Z" }) })
+] });
+
+// src/TabletBold.tsx
+import { jsx as jsx168, jsxs as jsxs168 } from "react/jsx-runtime";
+var TabletBold = ({ className, ...props }) => /* @__PURE__ */ jsxs168("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx168("title", { children: "tablet" }),
+  /* @__PURE__ */ jsx168("g", { id: "tablet-Bold", children: /* @__PURE__ */ jsx168("path", { id: "tablet-Bold-2", "data-name": "tablet-Bold", d: "M13.5,18a1,1,0,0,1-1,1h-1a1,1,0,0,1,0-2h1A1,1,0,0,1,13.5,18ZM20,7V17a5.006,5.006,0,0,1-5,5H9a5.006,5.006,0,0,1-5-5V7A5.006,5.006,0,0,1,9,2h6A5.006,5.006,0,0,1,20,7ZM18,7a3,3,0,0,0-3-3H9A3,3,0,0,0,6,7V17a3,3,0,0,0,3,3h6a3,3,0,0,0,3-3Z" }) })
+] });
+
+// src/TagBold.tsx
+import { jsx as jsx169, jsxs as jsxs169 } from "react/jsx-runtime";
+var TagBold = ({ className, ...props }) => /* @__PURE__ */ jsxs169("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx169("title", { children: "tag" }),
+  /* @__PURE__ */ jsx169("g", { id: "tag-Bold", children: /* @__PURE__ */ jsx169("path", { id: "tag-Bold-2", "data-name": "tag-Bold", d: "M20.537,10,14,3.465A4.972,4.972,0,0,0,10.468,2H6A4,4,0,0,0,2,6v4.466A4.968,4.968,0,0,0,3.466,14L10,20.535a5,5,0,0,0,7.071,0l3.466-3.466A5.006,5.006,0,0,0,20.537,10Zm-1.414,5.657-3.467,3.466a3.072,3.072,0,0,1-4.242,0L4.88,12.588A2.982,2.982,0,0,1,4,10.466V6A2,2,0,0,1,6,4h4.467a3.02,3.02,0,0,1,2.121.879l6.534,6.533A3.005,3.005,0,0,1,19.123,15.655ZM9,7.5A1.5,1.5,0,1,1,7.5,6,1.5,1.5,0,0,1,9,7.5Z" }) })
+] });
+
+// src/ThumbtackBold.tsx
+import { jsx as jsx170, jsxs as jsxs170 } from "react/jsx-runtime";
+var ThumbtackBold = ({ className, ...props }) => /* @__PURE__ */ jsxs170("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx170("title", { children: "thumbtack" }),
+  /* @__PURE__ */ jsx170("g", { id: "thumbtack-Bold", children: /* @__PURE__ */ jsx170("path", { id: "thumbtack-Bold-2", "data-name": "thumbtack-Bold", d: "M17.587,9.173,17,8.586V6.364A6.128,6.128,0,0,0,18,3a1,1,0,0,0-1-1H7A1,1,0,0,0,6,3,6.121,6.121,0,0,0,7,6.364V8.586l-.587.587A8.186,8.186,0,0,0,4,15a1,1,0,0,0,1,1h6v5a1,1,0,0,0,2,0V16h6a1,1,0,0,0,1-1A8.185,8.185,0,0,0,17.587,9.173ZM6.079,14a6.192,6.192,0,0,1,1.748-3.412l.88-.88A1,1,0,0,0,9,9V6a1,1,0,0,0-.293-.707A2.91,2.91,0,0,1,8.122,4h7.756a2.92,2.92,0,0,1-.585,1.293A1,1,0,0,0,15,6V9a1,1,0,0,0,.293.707l.88.88A6.2,6.2,0,0,1,17.921,14Z" }) })
+] });
+
+// src/TimesSquareBold.tsx
+import { jsx as jsx171, jsxs as jsxs171 } from "react/jsx-runtime";
+var TimesSquareBold = ({ className, ...props }) => /* @__PURE__ */ jsxs171("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx171("title", { children: "times-square" }),
+  /* @__PURE__ */ jsx171("g", { id: "times-square-Bold", children: /* @__PURE__ */ jsx171("path", { id: "times-square-Bold-2", "data-name": "times-square-Bold", d: "M15.707,9.707,13.414,12l2.293,2.293a1,1,0,1,1-1.414,1.414L12,13.414,9.707,15.707a1,1,0,0,1-1.414-1.414L10.586,12,8.293,9.707A1,1,0,0,1,9.707,8.293L12,10.586l2.293-2.293a1,1,0,0,1,1.414,1.414ZM22,9v6a7.008,7.008,0,0,1-7,7H9a7.008,7.008,0,0,1-7-7V9A7.008,7.008,0,0,1,9,2h6A7.008,7.008,0,0,1,22,9ZM20,9a5.006,5.006,0,0,0-5-5H9A5.006,5.006,0,0,0,4,9v6a5.006,5.006,0,0,0,5,5h6a5.006,5.006,0,0,0,5-5Z" }) })
+] });
+
+// src/TrashBold.tsx
+import { jsx as jsx172, jsxs as jsxs172 } from "react/jsx-runtime";
+var TrashBold = ({ className, ...props }) => /* @__PURE__ */ jsxs172("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx172("title", { children: "trash" }),
+  /* @__PURE__ */ jsx172("g", { id: "trash-Bold", children: /* @__PURE__ */ jsx172("path", { id: "trash-Bold-2", "data-name": "trash-Bold", d: "M21,5H17.441a1,1,0,0,1-.948-.683l-.316-.95A2,2,0,0,0,14.279,2H9.721a2,2,0,0,0-1.9,1.368l-.316.948A1,1,0,0,1,6.559,5H3A1,1,0,0,0,3,7H4.065l.751,11.266A4.01,4.01,0,0,0,8.807,22h6.386a4.01,4.01,0,0,0,3.991-3.734L19.935,7H21a1,1,0,0,0,0-2ZM9.721,4h4.558l.316.95c.006.018.016.033.022.051H9.383c.006-.018.016-.034.022-.052Zm7.468,14.133a2.005,2.005,0,0,1-2,1.867H8.807a2.005,2.005,0,0,1-2-1.867L6.069,7h.49a3.013,3.013,0,0,0,.316-.025A1.063,1.063,0,0,0,7,7H17a1.063,1.063,0,0,0,.125-.025A3.013,3.013,0,0,0,17.441,7h.49ZM15,11v5a1,1,0,0,1-2,0V11a1,1,0,0,1,2,0Zm-4,0v5a1,1,0,0,1-2,0V11a1,1,0,0,1,2,0Z" }) })
+] });
+
+// src/UnlockBold.tsx
+import { jsx as jsx173, jsxs as jsxs173 } from "react/jsx-runtime";
+var UnlockBold = ({ className, ...props }) => /* @__PURE__ */ jsxs173("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx173("title", { children: "unlock" }),
+  /* @__PURE__ */ jsx173("g", { id: "unlock-Bold", children: /* @__PURE__ */ jsx173("path", { id: "unlock-Bold-2", "data-name": "unlock-Bold", d: "M15,9H9V7a3,3,0,0,1,3-3,3.163,3.163,0,0,1,3.032,2.249,1,1,0,1,0,1.936-.5A5.145,5.145,0,0,0,12,2,5.006,5.006,0,0,0,7,7V9.424A5,5,0,0,0,4,14v3a5.006,5.006,0,0,0,5,5h6a5.006,5.006,0,0,0,5-5V14A5.006,5.006,0,0,0,15,9Zm3,8a3,3,0,0,1-3,3H9a3,3,0,0,1-3-3V14a3,3,0,0,1,3-3h6a3,3,0,0,1,3,3Zm-5-2v1a1,1,0,0,1-2,0V15a1,1,0,0,1,2,0Z" }) })
+] });
+
+// src/UploadBold.tsx
+import { jsx as jsx174, jsxs as jsxs174 } from "react/jsx-runtime";
+var UploadBold = ({ className, ...props }) => /* @__PURE__ */ jsxs174("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx174("title", { children: "upload" }),
+  /* @__PURE__ */ jsx174("g", { id: "upload-Bold", children: /* @__PURE__ */ jsx174("path", { id: "upload-Bold-2", "data-name": "upload-Bold", d: "M8.293,7.707a1,1,0,0,1,0-1.414l3-3a1,1,0,0,1,1.414,0l3,3a1,1,0,1,1-1.414,1.414L13,6.414V11a1,1,0,0,1-2,0V6.414L9.707,7.707A1,1,0,0,1,8.293,7.707ZM17,10a1,1,0,0,0,0,2,3,3,0,0,1,3,3v1a3,3,0,0,1-3,3H7a3,3,0,0,1-3-3V15a3,3,0,0,1,3-3,1,1,0,0,0,0-2,5.006,5.006,0,0,0-5,5v1a5.006,5.006,0,0,0,5,5H17a5.006,5.006,0,0,0,5-5V15A5.006,5.006,0,0,0,17,10Zm1,5a1,1,0,1,0-1,1A1,1,0,0,0,18,15Z" }) })
+] });
+
+// src/UserBold.tsx
+import { jsx as jsx175, jsxs as jsxs175 } from "react/jsx-runtime";
+var UserBold = ({ className, ...props }) => /* @__PURE__ */ jsxs175("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx175("title", { children: "user" }),
+  /* @__PURE__ */ jsx175("g", { id: "user-Bold", children: /* @__PURE__ */ jsx175("path", { id: "user-Bold-2", "data-name": "user-Bold", d: "M12,13A5.5,5.5,0,1,0,6.5,7.5,5.506,5.506,0,0,0,12,13Zm0-9A3.5,3.5,0,1,1,8.5,7.5,3.5,3.5,0,0,1,12,4Zm8,13.967v1.011a4.023,4.023,0,0,1-1.025,2.689,1,1,0,0,1-1.49-1.334A2.03,2.03,0,0,0,18,18.978V17.967a3.01,3.01,0,0,0-2.253-2.943.765.765,0,0,0-.561.071,6.571,6.571,0,0,1-6.362.006.774.774,0,0,0-.569-.077A3.01,3.01,0,0,0,6,17.967v1.011a2.03,2.03,0,0,0,.515,1.355,1,1,0,1,1-1.49,1.334A4.023,4.023,0,0,1,4,18.978V17.967a5.007,5.007,0,0,1,3.767-4.882,2.772,2.772,0,0,1,2.039.273,4.561,4.561,0,0,0,4.4-.005,2.757,2.757,0,0,1,2.031-.268A5.007,5.007,0,0,1,20,17.967Z" }) })
+] });
+
+// src/UsersThreeBold.tsx
+import { jsx as jsx176, jsxs as jsxs176 } from "react/jsx-runtime";
+var UsersThreeBold = ({ className, ...props }) => /* @__PURE__ */ jsxs176("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx176("title", { children: "users-three" }),
+  /* @__PURE__ */ jsx176("g", { id: "users-three-Bold", children: /* @__PURE__ */ jsx176("path", { id: "users-three-Bold-2", "data-name": "users-three-Bold", d: "M12,14A5,5,0,1,0,7,9,5.006,5.006,0,0,0,12,14Zm0-8A3,3,0,1,1,9,9,3,3,0,0,1,12,6Zm7,12.4v.867a3.593,3.593,0,0,1-.915,2.4,1,1,0,0,1-1.49-1.334A1.6,1.6,0,0,0,17,19.267V18.4a2.437,2.437,0,0,0-1.823-2.383.51.51,0,0,0-.374.045,5.764,5.764,0,0,1-5.594.006.506.506,0,0,0-.383-.051A2.436,2.436,0,0,0,7,18.4v.867a1.6,1.6,0,0,0,.405,1.066,1,1,0,0,1-1.49,1.334A3.593,3.593,0,0,1,5,19.267V18.4a4.433,4.433,0,0,1,3.337-4.323,2.5,2.5,0,0,1,1.854.25,3.762,3.762,0,0,0,3.629-.007,2.533,2.533,0,0,1,1.846-.243A4.434,4.434,0,0,1,19,18.4ZM17.058,4.838a1,1,0,0,1,1.275-.609,4,4,0,0,1,1.334,6.752,1,1,0,0,1-1.334-1.49,2,2,0,0,0-.666-3.378A1,1,0,0,1,17.058,4.838Zm4.942,11v.722a1,1,0,0,1-2,0v-.722a1.865,1.865,0,0,0-1.394-1.825,1,1,0,0,1,.487-1.94A3.862,3.862,0,0,1,22,15.834ZM4.333,11.426A4,4,0,0,1,5.667,4.673a1,1,0,0,1,.666,1.885,2,2,0,0,0-.666,3.378,1,1,0,1,1-1.334,1.49ZM5.4,14.453A1.865,1.865,0,0,0,4,16.278V17a1,1,0,0,1-2,0v-.722a3.861,3.861,0,0,1,2.907-3.764A1,1,0,0,1,5.4,14.453Z" }) })
+] });
+
+// src/UsersBold.tsx
+import { jsx as jsx177, jsxs as jsxs177 } from "react/jsx-runtime";
+var UsersBold = ({ className, ...props }) => /* @__PURE__ */ jsxs177("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx177("title", { children: "users" }),
+  /* @__PURE__ */ jsx177("g", { id: "users-Bold", children: /* @__PURE__ */ jsx177("path", { id: "users-Bold-2", "data-name": "users-Bold", d: "M17,17.639v.507a3.754,3.754,0,0,1-.974,2.526,1,1,0,0,1-1.482-1.344A1.754,1.754,0,0,0,15,18.146v-.507a2.685,2.685,0,0,0-2.036-2.618.649.649,0,0,0-.476.058,6.227,6.227,0,0,1-5.967,0,.647.647,0,0,0-.485-.063A2.685,2.685,0,0,0,4,17.639v.507a1.756,1.756,0,0,0,.456,1.182,1,1,0,1,1-1.482,1.344A3.754,3.754,0,0,1,2,18.146v-.507a4.684,4.684,0,0,1,3.554-4.56,2.693,2.693,0,0,1,1.938.256,4.2,4.2,0,0,0,4.025-.005,2.688,2.688,0,0,1,1.929-.251A4.684,4.684,0,0,1,17,17.639Zm1.446-4.56a1,1,0,1,0-.482,1.942A2.685,2.685,0,0,1,20,17.639v.507a1.754,1.754,0,0,1-.456,1.182,1,1,0,0,0,1.482,1.344A3.754,3.754,0,0,0,22,18.146v-.507A4.684,4.684,0,0,0,18.446,13.079ZM4.5,8a5,5,0,1,1,5,5A5.006,5.006,0,0,1,4.5,8Zm2,0a3,3,0,1,0,3-3A3,3,0,0,0,6.5,8Zm13,0a5,5,0,0,0-4.376-4.961,1,1,0,1,0-.248,1.984,3,3,0,0,1,1.5,5.319,1,1,0,1,0,1.251,1.56A4.976,4.976,0,0,0,19.5,8Z" }) })
+] });
+
+// src/VideoSlashBold.tsx
+import { jsx as jsx178, jsxs as jsxs178 } from "react/jsx-runtime";
+var VideoSlashBold = ({ className, ...props }) => /* @__PURE__ */ jsxs178("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx178("title", { children: "video-slash" }),
+  /* @__PURE__ */ jsx178("g", { id: "video-slash-Bold", children: /* @__PURE__ */ jsx178("path", { id: "video-slash-Bold-2", "data-name": "video-slash-Bold", d: "M3.721,17.28a1,1,0,0,1-.823-.43A4.993,4.993,0,0,1,2,14V10A5.006,5.006,0,0,1,7,5h4a4.994,4.994,0,0,1,2.849.9A1,1,0,1,1,12.71,7.542,3,3,0,0,0,11,7H7a3,3,0,0,0-3,3v4a3,3,0,0,0,.542,1.711,1,1,0,0,1-.821,1.569ZM22,9.238v5.524a2.2,2.2,0,0,1-3.418,1.832l-2.665-1.771A5,5,0,0,1,11,19H7a4.778,4.778,0,0,1-.553-.033l-1.74,1.74a1,1,0,0,1-1.414-1.414l16-16a1,1,0,1,1,1.414,1.414L16.87,8.544l1.712-1.138A2.2,2.2,0,0,1,22,9.238ZM14,14V11.414L8.414,17H11A3,3,0,0,0,14,14Zm6-4.762a.2.2,0,0,0-.311-.166L16,11.524v.952l3.689,2.452A.2.2,0,0,0,20,14.762Z" }) })
+] });
+
+// src/VideoBold.tsx
+import { jsx as jsx179, jsxs as jsxs179 } from "react/jsx-runtime";
+var VideoBold = ({ className, ...props }) => /* @__PURE__ */ jsxs179("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx179("title", { children: "video" }),
+  /* @__PURE__ */ jsx179("g", { id: "video-Bold", children: /* @__PURE__ */ jsx179("path", { id: "video-Bold-2", "data-name": "video-Bold", d: "M20.84,7.3a2.194,2.194,0,0,0-2.258.106L15.917,9.177A5,5,0,0,0,11,5H7a5.006,5.006,0,0,0-5,5v4a5.006,5.006,0,0,0,5,5h4a5,5,0,0,0,4.917-4.177l2.665,1.771A2.2,2.2,0,0,0,22,14.762V9.238A2.194,2.194,0,0,0,20.84,7.3ZM14,14a3,3,0,0,1-3,3H7a3,3,0,0,1-3-3V10A3,3,0,0,1,7,7h4a3,3,0,0,1,3,3Zm6,.762a.2.2,0,0,1-.311.166L16,12.476v-.952l3.689-2.452A.2.2,0,0,1,20,9.238Z" }) })
+] });
+
+// src/VolumeUpBold.tsx
+import { jsx as jsx180, jsxs as jsxs180 } from "react/jsx-runtime";
+var VolumeUpBold = ({ className, ...props }) => /* @__PURE__ */ jsxs180("svg", { id: "magicoon-Bold", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props, className, children: [
+  /* @__PURE__ */ jsx180("title", { children: "volume-up" }),
+  /* @__PURE__ */ jsx180("g", { id: "volume-up-Bold", children: /* @__PURE__ */ jsx180("path", { id: "volume-up-Bold-2", "data-name": "volume-up-Bold", d: "M11.96,3.324a3.461,3.461,0,0,0-3.736.524L5.631,6.073h-.74A2.9,2.9,0,0,0,2,8.975v6.05a2.9,2.9,0,0,0,2.892,2.9h.737l2.6,2.225A3.464,3.464,0,0,0,10.489,21a3.509,3.509,0,0,0,1.471-.326A3.468,3.468,0,0,0,14,17.489V6.511A3.471,3.471,0,0,0,11.96,3.324ZM12,17.489a1.5,1.5,0,0,1-2.475,1.146L6.932,16.409a2.006,2.006,0,0,0-1.3-.482H4.895a.9.9,0,0,1-.895-.9V8.975a.9.9,0,0,1,.895-.9h.741a2.011,2.011,0,0,0,1.3-.482L9.525,5.365A1.483,1.483,0,0,1,10.49,5a1.511,1.511,0,0,1,.635.143A1.471,1.471,0,0,1,12,6.511ZM18,12a5.912,5.912,0,0,1-1.2,3.6A1,1,0,1,1,15.2,14.4a4,4,0,0,0,0-4.792A1,1,0,1,1,16.8,8.4,5.912,5.912,0,0,1,18,12Zm4,0a9.956,9.956,0,0,1-2.557,6.669,1,1,0,0,1-1.486-1.338,7.977,7.977,0,0,0,0-10.662,1,1,0,1,1,1.486-1.338A9.956,9.956,0,0,1,22,12Z" }) })
+] });
+export {
+  ArrowDownBold,
+  ArrowDownLight,
+  ArrowLeftBold,
+  ArrowLeftLight,
+  ArrowRightBold,
+  ArrowRightLight,
+  ArrowUpBold,
+  ArrowUpLight,
+  BellBold,
+  BellLight,
+  BellSlashBold,
+  BellSlashLight,
+  BookmarkBold,
+  BookmarkLight,
+  CalendarBold,
+  CalendarLight,
+  CameraBold,
+  CameraLight,
+  ChartPieBold,
+  ChartPieLight,
+  CheckCircleBold,
+  CheckCircleLight,
+  ChevronCircleDownBold,
+  ChevronCircleDownLight,
+  ChevronCircleLeftBold,
+  ChevronCircleLeftLight,
+  ChevronCircleRightBold,
+  ChevronCircleRightLight,
+  ChevronCircleUpBold,
+  ChevronCircleUpLight,
+  ChevronDownBold,
+  ChevronDownLight,
+  ChevronLeftBold,
+  ChevronLeftLight,
+  ChevronRightBold,
+  ChevronRightLight,
+  ChevronUpBold,
+  ChevronUpLight,
+  ClockBold,
+  ClockLight,
+  CommentBold,
+  CommentDotsBold,
+  CommentDotsLight,
+  CommentLight,
+  CommentsBold,
+  CommentsLight,
+  CompassBold,
+  CompassLight,
+  CopyBold,
+  CopyLight,
+  CouponBold,
+  CouponLight,
+  CreditCardBold,
+  CreditCardLight,
+  DesktopBold,
+  DesktopLight,
+  DiscountBold,
+  DiscountLight,
+  DownloadBold,
+  DownloadLight,
+  EnvelopeBold,
+  EnvelopeLight,
+  ExclamationCircleBold,
+  ExclamationCircleLight,
+  EyeBold,
+  EyeLight,
+  EyeSlashBold,
+  EyeSlashLight,
+  FileBold,
+  FileLight,
+  FilmBold,
+  FilmLight,
+  FilterBold,
+  FilterLight,
+  FlagBold,
+  FlagLight,
+  FolderBold,
+  FolderLight,
+  GlobeBold,
+  GlobeLight,
+  HeadphonesBold,
+  HeadphonesLight,
+  HeartBold,
+  HeartLight,
+  HomeBold,
+  HomeLight,
+  ImageBold,
+  ImageLight,
+  InboxBold,
+  InboxLight,
+  InfoCircleBold,
+  InfoCircleLight,
+  LinkBold,
+  LinkLight,
+  LockBold,
+  LockLight,
+  LogInBold,
+  LogInLight,
+  LogOutBold,
+  LogOutLight,
+  MapBold,
+  MapLight,
+  MapMarkerBold,
+  MapMarkerLight,
+  MapPinBold,
+  MapPinLight,
+  MenuBold,
+  MenuLight,
+  MicrophoneBold,
+  MicrophoneLight,
+  MicrophoneSlashBold,
+  MicrophoneSlashLight,
+  MinusSquareBold,
+  MinusSquareLight,
+  MobileBold,
+  MobileLight,
+  MoreHCircleBold,
+  MoreHCircleLight,
+  MoreVCircleBold,
+  MoreVCircleLight,
+  PackageBold,
+  PackageLight,
+  PaperclipBold,
+  PaperclipLight,
+  PenBold,
+  PenLight,
+  PhoneBold,
+  PhoneLight,
+  PlusSquareBold,
+  PlusSquareLight,
+  QuestionCircleBold,
+  QuestionCircleLight,
+  SearchBold,
+  SearchLight,
+  SendBold,
+  SendLight,
+  SettingsBold,
+  SettingsLight,
+  ShieldBold,
+  ShieldLight,
+  ShoppingBasketBold,
+  ShoppingBasketLight,
+  SlidersHBold,
+  SlidersHLight,
+  SortAscendingBold,
+  SortAscendingLight,
+  SortDescendingBold,
+  SortDescendingLight,
+  StarBold,
+  StarLight,
+  StopwatchBold,
+  StopwatchLight,
+  StoreBold,
+  StoreLight,
+  TabletBold,
+  TabletLight,
+  TagBold,
+  TagLight,
+  ThumbtackBold,
+  ThumbtackLight,
+  TimesSquareBold,
+  TimesSquareLight,
+  TrashBold,
+  TrashLight,
+  UnlockBold,
+  UnlockLight,
+  UploadBold,
+  UploadLight,
+  UserBold,
+  UserLight,
+  UsersBold,
+  UsersLight,
+  UsersThreeBold,
+  UsersThreeLight,
+  VideoBold,
+  VideoLight,
+  VideoSlashBold,
+  VideoSlashLight,
+  VolumeUpBold,
+  VolumeUpLight
+};