@webstudio-is/icons 0.60.0 → 0.61.0

package/src/align-items-start.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const AlignItemsStartIcon = 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.8 7.99999H11.2V14.4H8.00005V7.99999H4.80005V6.39999H19.2V7.99999H16V17.6H12.8V7.99999Z"
-          fill={color}
-        />
-      </svg>
-    );
-  }
-);
-AlignItemsStartIcon.displayName = "AlignItemsStartIcon";

package/src/align-items-stretch.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const AlignItemsStretchIcon = 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="M16 16H19.2V17.6H4.80005V16H8.00005V7.99999H4.80005V6.39999H19.2V7.99999H16V16ZM12.8 16V7.99999H11.2V16H12.8Z"
-          fill={color}
-        />
-      </svg>
-    );
-  }
-);
-AlignItemsStretchIcon.displayName = "AlignItemsStretchIcon";

package/src/flex-direction-column-reverse.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const FlexDirectionColumnReverseIcon = 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}
-      style={{ transform: "rotate(180deg)" }}
-    >
-      <path
-        d="M11.1667 6L11.1667 15.8881L8.175 12.9794L7 14.125L12 19L17 14.125L15.825 12.9794L12.8333 15.8881L12.8333 6L11.1667 6Z"
-        fill={color}
-      />
-    </svg>
-  );
-});
-FlexDirectionColumnReverseIcon.displayName = "FlexDirectionColumnReverseIcon";

package/src/flex-direction-column.tsx

@@ -1,25 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const FlexDirectionColumnIcon = 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="M11.1667 6L11.1667 15.8881L8.175 12.9794L7 14.125L12 19L17 14.125L15.825 12.9794L12.8333 15.8881L12.8333 6L11.1667 6Z"
-        fill={color}
-      />
-    </svg>
-  );
-});
-FlexDirectionColumnIcon.displayName = "FlexDirectionColumnIcon";

package/src/flex-direction-row-reverse.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const FlexDirectionRowReverseIcon = 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}
-      style={{ transform: "rotate(180deg)" }}
-    >
-      <path
-        d="M5 12.8334L14.8881 12.8334L11.9794 15.825L13.125 17L18 12L13.125 7.00003L11.9794 8.17503L14.8881 11.1667L5 11.1667V12.8334Z"
-        fill={color}
-      />
-    </svg>
-  );
-});
-FlexDirectionRowReverseIcon.displayName = "FlexDirectionRowReverseIcon";

package/src/flex-direction-row.tsx

@@ -1,24 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const FlexDirectionRowIcon = 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="M5 12.8334L14.8881 12.8334L11.9794 15.825L13.125 17L18 12L13.125 7.00003L11.9794 8.17503L14.8881 11.1667L5 11.1667V12.8334Z"
-          fill={color}
-        />
-      </svg>
-    );
-  }
-);
-FlexDirectionRowIcon.displayName = "FlexDirectionRowIcon";

package/src/flex-wrap-no-wrap.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const FlexWrapNowrapIcon = 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="M13 9H11V15H13V9ZM19 9H17V15H19V9ZM7 9H5V15H7V9ZM4 8V16H8V8H4ZM14 8V16H10V8H14ZM20 8V16H16V8H20Z"
-          fill={color}
-        />
-      </svg>
-    );
-  }
-);
-FlexWrapNowrapIcon.displayName = "FlexWrapNowrapIcon";

package/src/flex-wrap-wrap-reverse.tsx

@@ -1,31 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const FlexWrapWrapReverseIcon = 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}
-      style={{ transform: "rotate(180deg)" }}
-    >
-      <path d="M16 13H20V20H16V13Z" fill={color} />
-      <path d="M4 13H8V20H4V13Z" fill={color} />
-      <path d="M10 13H14V20H10V13Z" fill={color} />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M13 5H11V10H13V5ZM19 5H17V10H19V5ZM7 5H5V10H7V5ZM19 14H17V19H19V14ZM7 14H5V19H7V14ZM13 14H11V19H13V14ZM8 4V11H4V4H8ZM10 4V11H14V4H10ZM16 4V11H20V4H16ZM16 13V20H20V13H16ZM8 13V20H4V13H8ZM10 13V20H14V13H10Z"
-        fill={color}
-      />
-    </svg>
-  );
-});
-FlexWrapWrapReverseIcon.displayName = "FlexWrapWrapReverseIcon";

package/src/flex-wrap-wrap.tsx

@@ -1,29 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const FlexWrapWrapIcon = 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="M16 13H20V20H16V13Z" fill={color} />
-        <path d="M4 13H8V20H4V13Z" fill={color} />
-        <path d="M10 13H14V20H10V13Z" fill={color} />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M13 5H11V10H13V5ZM19 5H17V10H19V5ZM7 5H5V10H7V5ZM19 14H17V19H19V14ZM7 14H5V19H7V14ZM13 14H11V19H13V14ZM8 4V11H4V4H8ZM10 4V11H14V4H10ZM16 4V11H20V4H16ZM16 13V20H20V13H16ZM8 13V20H4V13H8ZM10 13V20H14V13H10Z"
-          fill={color}
-        />
-      </svg>
-    );
-  }
-);
-FlexWrapWrapIcon.displayName = "FlexWrapWrapIcon";

package/src/gap-column.tsx

@@ -1,33 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const ColumnGapIcon = 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="M14.4704 6H13.4407L13.4407 18L14.4704 18L14.4704 6Z"
-          fill={color}
-        />
-        <path d="M14.4704 6H17.5593V7H14.4704L14.4704 6Z" fill={color} />
-        <path
-          d="M14.4704 17L17.5593 17V18L14.4704 18L14.4704 17Z"
-          fill={color}
-        />
-        <path
-          d="M6.44074 6L10.5296 6L10.5296 18L6.44073 18L6.44073 17L9.5 17L9.5 7L6.44074 7L6.44074 6Z"
-          fill={color}
-        />
-      </svg>
-    );
-  }
-);
-ColumnGapIcon.displayName = "ColumnGapIcon";

package/src/gap-row.tsx

@@ -1,34 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const RowGapIcon = 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}
-        style={{ transform: "rotate(90deg)" }}
-      >
-        <path
-          d="M14.4704 6H13.4407L13.4407 18L14.4704 18L14.4704 6Z"
-          fill={color}
-        />
-        <path d="M14.4704 6H17.5593V7H14.4704L14.4704 6Z" fill={color} />
-        <path
-          d="M14.4704 17L17.5593 17V18L14.4704 18L14.4704 17Z"
-          fill={color}
-        />
-        <path
-          d="M6.44074 6L10.5296 6L10.5296 18L6.44073 18L6.44073 17L9.5 17L9.5 7L6.44074 7L6.44074 6Z"
-          fill={color}
-        />
-      </svg>
-    );
-  }
-);
-RowGapIcon.displayName = "RowGapIcon";

package/src/justify-content-center.tsx

@@ -1,27 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const JustifyContentCenterIcon = 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>
-  );
-});
-JustifyContentCenterIcon.displayName = "JustifyContentCenterIcon";

package/src/justify-content-end.tsx

@@ -1,25 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const JustifyContentEndIcon = 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>
-    );
-  }
-);
-JustifyContentEndIcon.displayName = "JustifyContentEndIcon";

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

@@ -1,25 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const JustifyContentSpaceAroundIcon = 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>
-  );
-});
-JustifyContentSpaceAroundIcon.displayName = "JustifyContentSpaceAroundIcon";

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

@@ -1,27 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const JustifyContentSpaceBetweenIcon = 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>
-  );
-});
-JustifyContentSpaceBetweenIcon.displayName = "JustifyContentSpaceBetweenIcon";

package/src/justify-content-start.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const JustifyContentStartIcon = 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>
-  );
-});
-JustifyContentStartIcon.displayName = "JustifyContentStartIcon";