@aliimam/icons 0.1.3 → 0.1.4

package/src/stroke/design/Rows3.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Rows3: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Rows3(
+    {
+      color = "currentColor",
+      fill,
+      size = 24,
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      strokeDasharray,
+      opacity,
+      className,
+      ...props
+    },
+    forwardedRef,
+  ) {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M19 3H5C3.895 3 3 3.895 3 5V19C3 20.105 3.895 21 5 21H19C20.105 21 21 20.105 21 19V5C21 3.895 20.105 3 19 3ZM21 9H3M21 15H3"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Rows3.displayName = "Rows3";
+
+Rows3.metadata = {
+  name: "Rows3",
+  category: "stroke/design",
+  tags: ["rows", "icon"],
+  description: "Rows3 icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Rows3;

package/src/stroke/design/Rows4.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Rows4: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Rows4(
+    {
+      color = "currentColor",
+      fill,
+      size = 24,
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      strokeDasharray,
+      opacity,
+      className,
+      ...props
+    },
+    forwardedRef,
+  ) {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M19 3H5C3.895 3 3 3.895 3 5V19C3 20.105 3.895 21 5 21H19C20.105 21 21 20.105 21 19V5C21 3.895 20.105 3 19 3ZM21 7.5H3M21 12H3M21 16.5H3"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Rows4.displayName = "Rows4";
+
+Rows4.metadata = {
+  name: "Rows4",
+  category: "stroke/design",
+  tags: ["rows", "icon"],
+  description: "Rows4 icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Rows4;

package/src/stroke/design/Ruler.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Ruler: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Ruler(
+    {
+      color = "currentColor",
+      fill,
+      size = 24,
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      strokeDasharray,
+      opacity,
+      className,
+      ...props
+    },
+    forwardedRef,
+  ) {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M21.3 15.3C21.524 15.523 21.701 15.788 21.823 16.08 21.944 16.371 22.006 16.684 22.006 17 22.006 17.316 21.944 17.629 21.823 17.92 21.701 18.212 21.524 18.477 21.3 18.7L18.7 21.3C18.477 21.524 18.212 21.701 17.92 21.822 17.629 21.944 17.316 22.006 17 22.006 16.684 22.006 16.371 21.944 16.08 21.822 15.788 21.701 15.523 21.524 15.3 21.3L2.7 8.7C2.251 8.248 1.998 7.637 1.998 7 1.998 6.363 2.251 5.752 2.7 5.3L5.3 2.7C5.752 2.251 6.363 1.998 7 1.998 7.637 1.998 8.248 2.251 8.7 2.7L21.3 15.3ZM14.5 12.5 16.5 10.5M11.5 9.5 13.5 7.5M8.5 6.5 10.5 4.5M17.5 15.5 19.5 13.5"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Ruler.displayName = "Ruler";
+
+Ruler.metadata = {
+  name: "Ruler",
+  category: "stroke/design",
+  tags: ["ruler", "icon"],
+  description: "Ruler icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Ruler;

package/src/stroke/design/RulerDimensionLine.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const RulerDimensionLine: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function RulerDimensionLine(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    ...props
+  },
+  forwardedRef,
+) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      strokeWidth={strokeWidth}
+      strokeLinecap={strokeLinecap}
+      strokeLinejoin={strokeLinejoin}
+      strokeDasharray={strokeDasharray}
+      opacity={opacity}
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M12 15V11.986M16 15V11.986M20 6H4M20 8V4M4 8V4M8 15V11.986M20 12H4C3.448 12 3 12.448 3 13V18C3 18.552 3.448 19 4 19H20C20.552 19 21 18.552 21 18V13C21 12.448 20.552 12 20 12Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+RulerDimensionLine.displayName = "RulerDimensionLine";
+
+RulerDimensionLine.metadata = {
+  name: "RulerDimensionLine",
+  category: "stroke/design",
+  tags: ["ruler", "dimension", "line", "icon"],
+  description: "RulerDimensionLine icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default RulerDimensionLine;

package/src/stroke/design/Scale3D.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Scale3D: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Scale3D(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    ...props
+  },
+  forwardedRef,
+) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      strokeWidth={strokeWidth}
+      strokeLinecap={strokeLinecap}
+      strokeLinejoin={strokeLinejoin}
+      strokeDasharray={strokeDasharray}
+      opacity={opacity}
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M5 7V18C5 18.265 5.105 18.52 5.293 18.707 5.48 18.895 5.735 19 6 19H17M5.293 18.707 11 13M19 21C20.105 21 21 20.105 21 19 21 17.895 20.105 17 19 17 17.895 17 17 17.895 17 19 17 20.105 17.895 21 19 21ZM5 7C6.105 7 7 6.105 7 5 7 3.895 6.105 3 5 3 3.895 3 3 3.895 3 5 3 6.105 3.895 7 5 7Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Scale3D.displayName = "Scale3D";
+
+Scale3D.metadata = {
+  name: "Scale3D",
+  category: "stroke/design",
+  tags: ["scale", "icon"],
+  description: "Scale3D icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Scale3D;

package/src/stroke/design/Scaling.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Scaling: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Scaling(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    ...props
+  },
+  forwardedRef,
+) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      strokeWidth={strokeWidth}
+      strokeLinecap={strokeLinecap}
+      strokeLinejoin={strokeLinejoin}
+      strokeDasharray={strokeDasharray}
+      opacity={opacity}
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M12 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V12"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M14 15H9V10M16 3H21V8M21 3 9 15"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Scaling.displayName = "Scaling";
+
+Scaling.metadata = {
+  name: "Scaling",
+  category: "stroke/design",
+  tags: ["scaling", "icon"],
+  description: "Scaling icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Scaling;

package/src/stroke/design/Scissors.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Scissors: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Scissors(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    ...props
+  },
+  forwardedRef,
+) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      strokeWidth={strokeWidth}
+      strokeLinecap={strokeLinecap}
+      strokeLinejoin={strokeLinejoin}
+      strokeDasharray={strokeDasharray}
+      opacity={opacity}
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M6 9C7.657 9 9 7.657 9 6 9 4.343 7.657 3 6 3 4.343 3 3 4.343 3 6 3 7.657 4.343 9 6 9ZM8.12 8.12 12 12M20 4 8.12 15.88M6 21C7.657 21 9 19.657 9 18 9 16.343 7.657 15 6 15 4.343 15 3 16.343 3 18 3 19.657 4.343 21 6 21ZM14.8 14.8 20 20"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Scissors.displayName = "Scissors";
+
+Scissors.metadata = {
+  name: "Scissors",
+  category: "stroke/design",
+  tags: ["scissors", "icon"],
+  description: "Scissors icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Scissors;

package/src/stroke/design/ScissorsLineDashed.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ScissorsLineDashed: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ScissorsLineDashed(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    ...props
+  },
+  forwardedRef,
+) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      strokeWidth={strokeWidth}
+      strokeLinecap={strokeLinecap}
+      strokeLinejoin={strokeLinejoin}
+      strokeDasharray={strokeDasharray}
+      opacity={opacity}
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M5.42 9.42 8 12M4 10C5.105 10 6 9.105 6 8 6 6.895 5.105 6 4 6 2.895 6 2 6.895 2 8 2 9.105 2.895 10 4 10ZM14 6 5.42 14.58M4 18C5.105 18 6 17.105 6 16 6 14.895 5.105 14 4 14 2.895 14 2 14.895 2 16 2 17.105 2.895 18 4 18ZM10.8 14.8 14 18M16 12H14M22 12H20"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ScissorsLineDashed.displayName = "ScissorsLineDashed";
+
+ScissorsLineDashed.metadata = {
+  name: "ScissorsLineDashed",
+  category: "stroke/design",
+  tags: ["scissors", "line", "dashed", "icon"],
+  description: "ScissorsLineDashed icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ScissorsLineDashed;

package/src/stroke/design/SendToBack.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const SendToBack: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function SendToBack(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    ...props
+  },
+  forwardedRef,
+) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      strokeWidth={strokeWidth}
+      strokeLinecap={strokeLinecap}
+      strokeLinejoin={strokeLinejoin}
+      strokeDasharray={strokeDasharray}
+      opacity={opacity}
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M20 14H16C14.895 14 14 14.895 14 16V20C14 21.105 14.895 22 16 22H20C21.105 22 22 21.105 22 20V16C22 14.895 21.105 14 20 14ZM8 2H4C2.895 2 2 2.895 2 4V8C2 9.105 2.895 10 4 10H8C9.105 10 10 9.105 10 8V4C10 2.895 9.105 2 8 2ZM7 14V15C7 15.53 7.211 16.039 7.586 16.414 7.961 16.789 8.47 17 9 17H10M14 7H15C15.53 7 16.039 7.211 16.414 7.586 16.789 7.961 17 8.47 17 9V10"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+SendToBack.displayName = "SendToBack";
+
+SendToBack.metadata = {
+  name: "SendToBack",
+  category: "stroke/design",
+  tags: ["send", "to", "back", "icon"],
+  description: "SendToBack icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default SendToBack;

package/src/stroke/design/Slice.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Slice: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Slice(
+    {
+      color = "currentColor",
+      fill,
+      size = 24,
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      strokeDasharray,
+      opacity,
+      className,
+      ...props
+    },
+    forwardedRef,
+  ) {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M11 16.586V19C11 19.2652 10.8946 19.5196 10.7071 19.7071C10.5196 19.8946 10.2652 20 10 20H2L18.37 3.62999C18.7678 3.23216 19.3074 3.00867 19.87 3.00867C20.4326 3.00867 20.9722 3.23216 21.37 3.62999C21.7678 4.02781 21.9913 4.56738 21.9913 5.12999C21.9913 5.6926 21.7678 6.23216 21.37 6.62999L11.707 16.293C11.5195 16.4805 11.2652 16.586 11 16.586ZM11 16.586C10.7348 16.586 10.4805 16.4805 10.293 16.293L8 14"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Slice.displayName = "Slice";
+
+Slice.metadata = {
+  name: "Slice",
+  category: "stroke/design",
+  tags: ["slice", "icon"],
+  description: "Slice icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Slice;

package/src/stroke/design/Spline.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Spline: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Spline(
+    {
+      color = "currentColor",
+      fill,
+      size = 24,
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      strokeDasharray,
+      opacity,
+      className,
+      ...props
+    },
+    forwardedRef,
+  ) {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M19 7C20.105 7 21 6.105 21 5 21 3.895 20.105 3 19 3 17.895 3 17 3.895 17 5 17 6.105 17.895 7 19 7ZM5 21C6.105 21 7 20.105 7 19 7 17.895 6.105 17 5 17 3.895 17 3 17.895 3 19 3 20.105 3.895 21 5 21ZM5 17C5 13.817 6.264 10.765 8.515 8.515 10.765 6.264 13.817 5 17 5"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Spline.displayName = "Spline";
+
+Spline.metadata = {
+  name: "Spline",
+  category: "stroke/design",
+  tags: ["spline", "icon"],
+  description: "Spline icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Spline;