@webstudio-is/icons 0.91.0 → 0.92.0

package/src/chevron-double-down.tsx

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

package/src/chevron-double-left.tsx

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

package/src/chevron-double-right.tsx

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

package/src/chevron-double-up.tsx

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

package/src/cloud.tsx

@@ -1,28 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const CloudIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width={16}
-        height={16}
-        viewBox="0 0 16 16"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <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"
-        />
-      </svg>
-    );
-  }
-);
-
-CloudIcon.displayName = "CloudIcon";

package/src/cross-circled-filled.tsx

@@ -1,28 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const CrossCircledFilledIcon = React.forwardRef<
-  SVGSVGElement,
-  IconProps
->(({ color = "currentColor", ...props }, forwardedRef) => {
-  return (
-    <svg
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-      ref={forwardedRef}
-    >
-      <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}
-      />
-    </svg>
-  );
-});
-
-CrossCircledFilledIcon.displayName = "CrossCircledFilled";

package/src/cross-large.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const CrossLargeIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 16 16"
-        width="16"
-        height="16"
-        {...props}
-        ref={forwardedRef}
-      >
-        <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"
-        />
-      </svg>
-    );
-  }
-);
-CrossLargeIcon.displayName = "CrossLargeIcon";

package/src/cross-small.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const CrossSmallIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 16 16"
-        width="16"
-        height="16"
-        {...props}
-        ref={forwardedRef}
-      >
-        <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"
-        />
-      </svg>
-    );
-  }
-);
-CrossSmallIcon.displayName = "CrossSmallIcon";

package/src/cross.tsx

@@ -1,27 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const CrossIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="16"
-        height="16"
-        viewBox="0 0 16 16"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <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"
-        />
-      </svg>
-    );
-  }
-);
-
-CrossIcon.displayName = "Cross";

package/src/devices.tsx

@@ -1,25 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const DevicesIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="15"
-        height="15"
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <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"
-        />
-      </svg>
-    );
-  }
-);
-
-DevicesIcon.displayName = "DevicesIcon";

package/src/ellipses.tsx

@@ -1,23 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const EllipsesIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 16 16"
-        width="16"
-        height="16"
-        {...props}
-        ref={forwardedRef}
-      >
-        <circle cx="2.5" cy="8" r="1.5" fill={color} />
-        <circle cx="8" cy="8" r="1.5" fill={color} />
-        <circle cx="13.5" cy="8" r="1.5" fill={color} />
-      </svg>
-    );
-  }
-);
-EllipsesIcon.displayName = "EllipsesIcon";

package/src/gear.tsx

@@ -1,43 +0,0 @@
-import { cssVars } from "@webstudio-is/css-vars";
-import * as React from "react";
-import type { IconProps } from "./types";
-
-const fillVar = cssVars.define("fill");
-
-export const gearIconCssVars = ({ fill }: { fill: string }) => ({
-  [fillVar]: fill,
-});
-
-export const GearIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width={16}
-        height={16}
-        viewBox="0 0 16 16"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <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") }}
-        />
-        <circle
-          cx={8}
-          cy={7.99988}
-          r={1.875}
-          stroke={color}
-          strokeWidth={1.25}
-        />
-      </svg>
-    );
-  }
-);
-
-GearIcon.displayName = "GearIcon";

package/src/index.stories.tsx

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

package/src/index.ts

@@ -1,42 +0,0 @@
-export * from "./__generated__";
-export * from "./list-nested";
-export * from "./undo";
-export * from "./redo";
-export * from "./devices";
-export * from "./types";
-export * from "./justify-items-center";
-export * from "./justify-items-end";
-export * from "./justify-items-space-around";
-export * from "./justify-items-space-between";
-export * from "./justify-items-start";
-export * from "./aspect-ratio";
-export * from "./cloud";
-export * from "./trash";
-export * from "./size";
-export * from "./upload";
-export * from "./gear";
-export * from "./new-page";
-export * from "./new-folder";
-export * from "./chevron-double-up";
-export * from "./chevron-double-down";
-export * from "./chevron-double-left";
-export * from "./chevron-double-right";
-export * from "./cross-circled-filled";
-export * from "./cross";
-export * from "./magnifying-glass";
-export * from "./menu";
-export * from "./cross-small";
-export * from "./cross-large";
-export * from "./ellipses";
-export * from "./text-align-center";
-export * from "./text-align-justify";
-export * from "./text-align-right";
-export * from "./text-capitalize";
-export * from "./text-hyphen";
-export * from "./text-lowercase";
-export * from "./text-strikethrough";
-export * from "./text-truncate";
-export * from "./text-underline";
-export * from "./text-uppercase";
-export * from "./text-direction-ltr";
-export * from "./text-direction-rtl";

package/src/justify-items-center.tsx

@@ -1,28 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-// @todo this is just a copy of justifyContent icons for now
-export const JustifyItemsCenterIcon = React.forwardRef<
-  SVGSVGElement,
-  IconProps
->(({ color = "currentColor", ...props }, forwardedRef) => {
-  return (
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-      ref={forwardedRef}
-    >
-      <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}
-      />
-    </svg>
-  );
-});
-JustifyItemsCenterIcon.displayName = "JustifyItemsCenterIcon";

package/src/justify-items-end.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-// @todo this is just a copy of justifyContent icons for now
-export const JustifyItemsEndIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          d="M12 16.8H15.2V19.2H16.8V4.79999H15.2V7.19999H12V16.8Z"
-          fill={color}
-        />
-        <path d="M7.19995 16.8H10.4V7.19999H7.19995V16.8Z" fill={color} />
-      </svg>
-    );
-  }
-);
-JustifyItemsEndIcon.displayName = "JustifyItemsEndIcon";

package/src/justify-items-space-around.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-// @todo this is just a copy of justifyContent icons for now
-export const JustifyItemsSpaceAroundIcon = React.forwardRef<
-  SVGSVGElement,
-  IconProps
->(({ color = "currentColor", ...props }, forwardedRef) => {
-  return (
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-      ref={forwardedRef}
-    >
-      <path d="M7.9999 19.2V4.79999H6.3999V19.2H7.9999Z" fill={color} />
-      <path d="M17.5999 19.2V4.79999H15.9999V19.2H17.5999Z" fill={color} />
-      <path d="M15.1999 16.8H12.7999V7.19999H15.1999V16.8Z" fill={color} />
-      <path d="M8.7999 16.8H11.1999V7.19999H8.7999V16.8Z" fill={color} />
-    </svg>
-  );
-});
-JustifyItemsSpaceAroundIcon.displayName = "JustifyItemsSpaceAroundIcon";

package/src/justify-items-space-between.tsx

@@ -1,28 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-// @todo this is just a copy of justifyContent icons for now
-export const JustifyItemsSpaceBetweenIcon = React.forwardRef<
-  SVGSVGElement,
-  IconProps
->(({ color = "currentColor", ...props }, forwardedRef) => {
-  return (
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-      ref={forwardedRef}
-    >
-      <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}
-      />
-    </svg>
-  );
-});
-JustifyItemsSpaceBetweenIcon.displayName = "JustifyItemsSpaceBetweenIcon";

package/src/justify-items-start.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-// @todo this is just a copy of justifyContent icons for now
-export const JustifyItemsStartIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          d="M10.9999 7.19999H8.79995V4.79999H7.19995V19.2H8.79995V16.8H10.9999V7.19999Z"
-          fill={color}
-        />
-        <path d="M16.8 7.19999H13.6V16.8H16.8V7.19999Z" fill={color} />
-      </svg>
-    );
-  }
-);
-JustifyItemsStartIcon.displayName = "JustifyItemsStartIcon";

package/src/list-nested.tsx

@@ -1,27 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const ListNestedIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="15"
-        height="15"
-        viewBox="0 0 15 15"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <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"
-        />
-      </svg>
-    );
-  }
-);
-
-ListNestedIcon.displayName = "ListNestedIcon";

package/src/magnifying-glass.tsx

@@ -1,27 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const MagnifyingGlassIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="16"
-        height="16"
-        viewBox="0 0 16 16"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <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}
-        />
-      </svg>
-    );
-  }
-);
-
-MagnifyingGlassIcon.displayName = "MagnifyingGlass";