@webstudio-is/icons 0.94.0 → 0.96.0

package/lib/chevron-double-down.js

@@ -1,30 +0,0 @@
-"use strict";
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-export const ChevronDoubleDownIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        ref: forwardedRef,
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M13 2L8 7L3 2M13 9L8 14L3 9",
-            stroke: color,
-            strokeWidth: "1.3",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  }
-);
-ChevronDoubleDownIcon.displayName = "ChevronDoubleDownIcon";

package/lib/chevron-double-left.js

@@ -1,30 +0,0 @@
-"use strict";
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-export const ChevronDoubleLeftIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        ref: forwardedRef,
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M14 13L9 8L14 3M7 13L2 8L7 3",
-            stroke: color,
-            strokeWidth: "1.3",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  }
-);
-ChevronDoubleLeftIcon.displayName = "ChevronDoubleLeftIcon";

package/lib/chevron-double-right.js

@@ -1,28 +0,0 @@
-"use strict";
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-export const ChevronDoubleRightIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      ref: forwardedRef,
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M2 3L7 8L2 13M9 3L14 8L9 13",
-          stroke: color,
-          strokeWidth: "1.3",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    }
-  );
-});
-ChevronDoubleRightIcon.displayName = "ChevronDoubleRightIcon";

package/lib/chevron-double-up.js

@@ -1,30 +0,0 @@
-"use strict";
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-export const ChevronDoubleUpIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        ref: forwardedRef,
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M3 14L8 9L13 14M3 7L8 2L13 7",
-            stroke: color,
-            strokeWidth: "1.3",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  }
-);
-ChevronDoubleUpIcon.displayName = "ChevronDoubleUpIcon";

package/lib/cloud.js

@@ -1,30 +0,0 @@
-"use strict";
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-export const CloudIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: 16,
-        height: 16,
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        ref: forwardedRef,
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M3.433 11.4A2.333 2.333 0 014.57 7.473a2.918 2.918 0 115.705-1.222 2.917 2.917 0 11.058 5.832h-5.25a2.333 2.333 0 01-1.65-.683z",
-            stroke: color,
-            strokeWidth: 1.25,
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  }
-);
-CloudIcon.displayName = "CloudIcon";

package/lib/cross-circled-filled.js

@@ -1,27 +0,0 @@
-"use strict";
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-export const CrossCircledFilledIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      ref: forwardedRef,
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M14 8C14 8.78793 13.8448 9.56815 13.5433 10.2961C13.2417 11.0241 12.7998 11.6855 12.2426 12.2426C11.6855 12.7998 11.0241 13.2417 10.2961 13.5433C9.56815 13.8448 8.78793 14 8 14C7.21207 14 6.43185 13.8448 5.7039 13.5433C4.97595 13.2417 4.31451 12.7998 3.75736 12.2426C3.20021 11.6855 2.75825 11.0241 2.45672 10.2961C2.15519 9.56815 2 8.78793 2 8C2 6.4087 2.63214 4.88258 3.75736 3.75736C4.88258 2.63214 6.4087 2 8 2C9.5913 2 11.1174 2.63214 12.2426 3.75736C13.3679 4.88258 14 6.4087 14 8ZM6.42426 5.57574C6.18995 5.34142 5.81005 5.34142 5.57574 5.57574C5.34142 5.81005 5.34142 6.18995 5.57574 6.42426L7.15147 8L5.57574 9.57574C5.34142 9.81005 5.34142 10.1899 5.57574 10.4243C5.81005 10.6586 6.18995 10.6586 6.42426 10.4243L8 8.84853L9.57574 10.4243C9.81005 10.6586 10.1899 10.6586 10.4243 10.4243C10.6586 10.1899 10.6586 9.81005 10.4243 9.57574L8.84853 8L10.4243 6.42426C10.6586 6.18995 10.6586 5.81005 10.4243 5.57574C10.1899 5.34142 9.81005 5.34142 9.57574 5.57574L8 7.15147L6.42426 5.57574Z",
-          fill: color
-        }
-      )
-    }
-  );
-});
-CrossCircledFilledIcon.displayName = "CrossCircledFilled";

package/lib/cross-large.js

@@ -1,29 +0,0 @@
-"use strict";
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-export const CrossLargeIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        fill: "none",
-        viewBox: "0 0 16 16",
-        width: "16",
-        height: "16",
-        ...props,
-        ref: forwardedRef,
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            stroke: color,
-            strokeLinecap: "round",
-            strokeWidth: "1.6",
-            d: "M13 3 7.99998 8.00002m0 0L3 13m4.99998-4.99998L3 3.00008m4.99998 4.99994L13 13"
-          }
-        )
-      }
-    );
-  }
-);
-CrossLargeIcon.displayName = "CrossLargeIcon";

package/lib/cross-small.js

@@ -1,29 +0,0 @@
-"use strict";
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-export const CrossSmallIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        fill: "none",
-        viewBox: "0 0 16 16",
-        width: "16",
-        height: "16",
-        ...props,
-        ref: forwardedRef,
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            stroke: color,
-            strokeLinecap: "round",
-            strokeWidth: "1.4",
-            d: "M11 5 7.99999 8.00001m0 0L5 11m2.99999-2.99999L5 5.00005m2.99999 2.99996L11 11"
-          }
-        )
-      }
-    );
-  }
-);
-CrossSmallIcon.displayName = "CrossSmallIcon";

package/lib/cross.js

@@ -1,29 +0,0 @@
-"use strict";
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-export const CrossIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        ref: forwardedRef,
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M13 3L7.99998 8.00002M7.99998 8.00002L3 13M7.99998 8.00002L3 3.00008M7.99998 8.00002L13 13",
-            stroke: color,
-            strokeWidth: "1.6",
-            strokeLinecap: "round"
-          }
-        )
-      }
-    );
-  }
-);
-CrossIcon.displayName = "Cross";

package/lib/devices.js

@@ -1,27 +0,0 @@
-"use strict";
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-export const DevicesIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "15",
-        height: "15",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        ref: forwardedRef,
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            fill: color,
-            d: "M22.265 9.51L17.265 9.5C16.715 9.5 16.265 9.95 16.265 10.5V19.5C16.265 20.05 16.715 20.5 17.265 20.5H22.265C22.815 20.5 23.265 20.05 23.265 19.5V10.5C23.265 9.95 22.815 9.51 22.265 9.51ZM22.265 19.5H17.265V10.5H19.5H22.265V19.5ZM20.265 1.5H2.26499C1.15499 1.5 0.264988 2.39 0.264988 3.5V15.5C0.264988 16.6 1.15499 17.5 2.26499 17.5H10.5V19.5H7.26499V20.5H15.265V19.5H12.5V17.5H15.265V16.5H1.26499V2.5H21.265V8.5H22.265V3.5C22.265 2.39 21.365 1.5 20.265 1.5Z"
-          }
-        )
-      }
-    );
-  }
-);
-DevicesIcon.displayName = "DevicesIcon";

package/lib/ellipses.js

@@ -1,25 +0,0 @@
-"use strict";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-export const EllipsesIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        fill: "none",
-        viewBox: "0 0 16 16",
-        width: "16",
-        height: "16",
-        ...props,
-        ref: forwardedRef,
-        children: [
-          /* @__PURE__ */ jsx("circle", { cx: "2.5", cy: "8", r: "1.5", fill: color }),
-          /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "1.5", fill: color }),
-          /* @__PURE__ */ jsx("circle", { cx: "13.5", cy: "8", r: "1.5", fill: color })
-        ]
-      }
-    );
-  }
-);
-EllipsesIcon.displayName = "EllipsesIcon";

package/lib/gear.js

@@ -1,48 +0,0 @@
-"use strict";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cssVars } from "@webstudio-is/css-vars";
-import * as React from "react";
-const fillVar = cssVars.define("fill");
-export const gearIconCssVars = ({ fill }) => ({
-  [fillVar]: fill
-});
-export const GearIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        width: 16,
-        height: 16,
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        ref: forwardedRef,
-        children: [
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M9.117 2.878c-.284-1.17-1.95-1.17-2.234 0a1.149 1.149 0 01-1.714.71c-1.03-.627-2.207.551-1.58 1.58a1.15 1.15 0 01-.711 1.715c-1.17.284-1.17 1.95 0 2.234a1.15 1.15 0 01.71 1.714c-.627 1.03.551 2.207 1.58 1.58a1.148 1.148 0 011.715.711c.284 1.17 1.95 1.17 2.234 0a1.15 1.15 0 011.714-.71c1.03.627 2.207-.551 1.58-1.58a1.148 1.148 0 01.711-1.715c1.17-.284 1.17-1.95 0-2.234a1.15 1.15 0 01-.71-1.714c.627-1.03-.551-2.207-1.58-1.58a1.15 1.15 0 01-1.715-.711z",
-              stroke: color,
-              strokeWidth: 1.25,
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              style: { fill: cssVars.use(fillVar, "none") }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              cx: 8,
-              cy: 7.99988,
-              r: 1.875,
-              stroke: color,
-              strokeWidth: 1.25
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-GearIcon.displayName = "GearIcon";

package/lib/index.stories.js

@@ -1,68 +0,0 @@
-"use strict";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import * as icons from "./index";
-export const Icons = ({ testColor }) => {
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        display: "flex",
-        flexWrap: "wrap",
-        ...testColor ? { color: "red" } : {}
-      },
-      children: Object.entries(icons).map(
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        ([name, Icon]) => {
-          if (name.endsWith("Icon") === false) {
-            return null;
-          }
-          return /* @__PURE__ */ jsxs(
-            "div",
-            {
-              style: {
-                width: 150,
-                height: 100,
-                margin: 5,
-                padding: 5,
-                border: "solid 1px #f5f5f5",
-                display: "flex",
-                flexDirection: "column",
-                alignItems: "center",
-                justifyContent: "center"
-              },
-              children: [
-                /* @__PURE__ */ jsx(Icon, { width: "32", height: "32" }),
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    style: {
-                      marginTop: 16,
-                      fontFamily: "Arial",
-                      textAlign: "center",
-                      wordWrap: "break-word",
-                      width: "100%",
-                      fontSize: "14px",
-                      color: "#5a5a5a"
-                    },
-                    children: name.replace(/Icon$/, "")
-                  }
-                )
-              ]
-            },
-            name
-          );
-        }
-      )
-    }
-  ) });
-};
-export default {
-  title: "All Icons",
-  component: Icons,
-  argTypes: {
-    testColor: { control: "boolean", name: "Test color" }
-  },
-  args: {
-    testColor: false
-  }
-};

package/lib/justify-items-center.js

@@ -1,27 +0,0 @@
-"use strict";
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-export const JustifyItemsCenterIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      ref: forwardedRef,
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M12.7999 4.79999V19.2H11.1999V4.79999H12.7999ZM16.5999 15.8H14.3999V8.19999H16.5999V15.8ZM7.3999 15.8H9.5999V8.19999H7.3999V15.8Z",
-          fill: color
-        }
-      )
-    }
-  );
-});
-JustifyItemsCenterIcon.displayName = "JustifyItemsCenterIcon";

package/lib/justify-items-end.js

@@ -1,30 +0,0 @@
-"use strict";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-export const JustifyItemsEndIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        ref: forwardedRef,
-        children: [
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M12 16.8H15.2V19.2H16.8V4.79999H15.2V7.19999H12V16.8Z",
-              fill: color
-            }
-          ),
-          /* @__PURE__ */ jsx("path", { d: "M7.19995 16.8H10.4V7.19999H7.19995V16.8Z", fill: color })
-        ]
-      }
-    );
-  }
-);
-JustifyItemsEndIcon.displayName = "JustifyItemsEndIcon";

package/lib/justify-items-space-around.js

@@ -1,24 +0,0 @@
-"use strict";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-export const JustifyItemsSpaceAroundIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      ref: forwardedRef,
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "M7.9999 19.2V4.79999H6.3999V19.2H7.9999Z", fill: color }),
-        /* @__PURE__ */ jsx("path", { d: "M17.5999 19.2V4.79999H15.9999V19.2H17.5999Z", fill: color }),
-        /* @__PURE__ */ jsx("path", { d: "M15.1999 16.8H12.7999V7.19999H15.1999V16.8Z", fill: color }),
-        /* @__PURE__ */ jsx("path", { d: "M8.7999 16.8H11.1999V7.19999H8.7999V16.8Z", fill: color })
-      ]
-    }
-  );
-});
-JustifyItemsSpaceAroundIcon.displayName = "JustifyItemsSpaceAroundIcon";

package/lib/justify-items-space-between.js

@@ -1,27 +0,0 @@
-"use strict";
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-export const JustifyItemsSpaceBetweenIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      ref: forwardedRef,
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M11.1999 7.19999H7.9999V4.79999H6.3999V19.2H7.9999V16.8H11.1999V7.19999ZM12.7999 16.8H15.9999V19.2H17.5999V4.79999H15.9999V7.19999H12.7999V16.8Z",
-          fill: color
-        }
-      )
-    }
-  );
-});
-JustifyItemsSpaceBetweenIcon.displayName = "JustifyItemsSpaceBetweenIcon";

package/lib/justify-items-start.js

@@ -1,30 +0,0 @@
-"use strict";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-export const JustifyItemsStartIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        ref: forwardedRef,
-        children: [
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M10.9999 7.19999H8.79995V4.79999H7.19995V19.2H8.79995V16.8H10.9999V7.19999Z",
-              fill: color
-            }
-          ),
-          /* @__PURE__ */ jsx("path", { d: "M16.8 7.19999H13.6V16.8H16.8V7.19999Z", fill: color })
-        ]
-      }
-    );
-  }
-);
-JustifyItemsStartIcon.displayName = "JustifyItemsStartIcon";

package/lib/list-nested.js

@@ -1,29 +0,0 @@
-"use strict";
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-export const ListNestedIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "15",
-        height: "15",
-        viewBox: "0 0 15 15",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        ref: forwardedRef,
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            fill: color,
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z"
-          }
-        )
-      }
-    );
-  }
-);
-ListNestedIcon.displayName = "ListNestedIcon";

package/lib/magnifying-glass.js

@@ -1,29 +0,0 @@
-"use strict";
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-export const MagnifyingGlassIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        ref: forwardedRef,
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M6.38912 10.67C7.12473 11.1939 8.02464 11.502 8.9965 11.502C11.4818 11.502 13.4965 9.48723 13.4965 7.00195C13.4965 4.51667 11.4818 2.50195 8.9965 2.50195C6.51122 2.50195 4.4965 4.51667 4.4965 7.00195C4.4965 7.97383 4.8046 8.87375 5.32845 9.60937L2.59467 12.3432C2.30178 12.636 2.30178 13.1109 2.59467 13.4038C2.88756 13.6967 3.36244 13.6967 3.65533 13.4038L6.38912 10.67ZM5.9965 7.00195C5.9965 8.65881 7.33965 10.002 8.9965 10.002C10.6534 10.002 11.9965 8.65881 11.9965 7.00195C11.9965 5.3451 10.6534 4.00195 8.9965 4.00195C7.33965 4.00195 5.9965 5.3451 5.9965 7.00195Z",
-            fill: color
-          }
-        )
-      }
-    );
-  }
-);
-MagnifyingGlassIcon.displayName = "MagnifyingGlass";