@aliimam/icons 0.1.3 → 0.1.4

package/src/stroke/design/Diameter.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Diameter: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Diameter(
+  {
+    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 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"
+      />
+      <path
+        d="M6.48 3.66C8.403 2.385 10.708 1.815 13.003 2.045 15.299 2.276 17.444 3.293 19.076 4.924 20.707 6.556 21.724 8.701 21.955 10.997 22.185 13.292 21.615 15.597 20.34 17.52M6.41 6.41 17.59 17.59M3.66 6.48C2.385 8.403 1.815 10.708 2.045 13.003 2.276 15.299 3.293 17.444 4.924 19.076 6.556 20.707 8.701 21.724 10.997 21.955 13.292 22.185 15.597 21.615 17.52 20.34"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Diameter.displayName = "Diameter";
+
+Diameter.metadata = {
+  name: "Diameter",
+  category: "stroke/design",
+  tags: ["diameter", "icon"],
+  description: "Diameter icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Diameter;

package/src/stroke/design/DraftingCompass.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const DraftingCompass: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function DraftingCompass(
+  {
+    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.99 6.74 14.92 10.18M19.136 12C18.205 12.948 17.095 13.701 15.87 14.215 14.644 14.729 13.329 14.994 12.001 14.994 10.672 14.994 9.357 14.729 8.131 14.215 6.906 13.701 5.796 12.948 4.865 12M21 21 18.84 17.16M3 21 11.02 6.74M12 7C13.105 7 14 6.105 14 5 14 3.895 13.105 3 12 3 10.895 3 10 3.895 10 5 10 6.105 10.895 7 12 7Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+DraftingCompass.displayName = "DraftingCompass";
+
+DraftingCompass.metadata = {
+  name: "DraftingCompass",
+  category: "stroke/design",
+  tags: ["drafting", "compass", "icon"],
+  description: "DraftingCompass icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default DraftingCompass;

package/src/stroke/design/Dribbble.tsx

@@ -0,0 +1,70 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Dribbble: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Dribbble(
+  {
+    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 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M19.13 5.09C15.22 9.14 10 10.44 2.25 10.94M21.75 12.84C15.13 11.43 9.61 13.84 5.37 19.16"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M8.56006 2.75C12.9301 8.75 14.5601 12.17 16.5601 20.47"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Dribbble.displayName = "Dribbble";
+
+Dribbble.metadata = {
+  name: "Dribbble",
+  category: "stroke/design",
+  tags: ["dribbble", "icon"],
+  description: "Dribbble icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Dribbble;

package/src/stroke/design/Figma.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Figma: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Figma(
+    {
+      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 5.5C5 4.572 5.369 3.682 6.025 3.025 6.682 2.369 7.572 2 8.5 2H12V9H8.5C7.572 9 6.682 8.631 6.025 7.975 5.369 7.319 5 6.428 5 5.5ZM12 2H15.5C15.96 2 16.415 2.091 16.839 2.266 17.264 2.442 17.65 2.7 17.975 3.025 18.3 3.35 18.558 3.736 18.734 4.161 18.91 4.585 19 5.04 19 5.5 19 5.96 18.91 6.415 18.734 6.839 18.558 7.264 18.3 7.65 17.975 7.975 17.65 8.3 17.264 8.558 16.839 8.734 16.415 8.909 15.96 9 15.5 9H12V2ZM12 12.5C12 12.04 12.091 11.585 12.266 11.161 12.442 10.736 12.7 10.35 13.025 10.025 13.35 9.7 13.736 9.442 14.161 9.266 14.585 9.091 15.04 9 15.5 9 15.96 9 16.415 9.091 16.839 9.266 17.264 9.442 17.65 9.7 17.975 10.025 18.3 10.35 18.558 10.736 18.734 11.161 18.91 11.585 19 12.04 19 12.5 19 12.96 18.91 13.415 18.734 13.839 18.558 14.264 18.3 14.65 17.975 14.975 17.65 15.3 17.264 15.558 16.839 15.734 16.415 15.91 15.96 16 15.5 16 15.04 16 14.585 15.91 14.161 15.734 13.736 15.558 13.35 15.3 13.025 14.975 12.7 14.65 12.442 14.264 12.266 13.839 12.091 13.415 12 12.96 12 12.5ZM5 19.5C5 18.572 5.369 17.682 6.025 17.025 6.682 16.369 7.572 16 8.5 16H12V19.5C12 20.428 11.631 21.319 10.975 21.975 10.319 22.631 9.428 23 8.5 23 7.572 23 6.682 22.631 6.025 21.975 5.369 21.319 5 20.428 5 19.5ZM5 12.5C5 11.572 5.369 10.682 6.025 10.025 6.682 9.369 7.572 9 8.5 9H12V16H8.5C7.572 16 6.682 15.631 6.025 14.975 5.369 14.319 5 13.428 5 12.5Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Figma.displayName = "Figma";
+
+Figma.metadata = {
+  name: "Figma",
+  category: "stroke/design",
+  tags: ["figma", "icon"],
+  description: "Figma icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Figma;

package/src/stroke/design/FileAxis3D.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const FileAxis3D: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function FileAxis3D(
+  {
+    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="M15 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V7L15 2Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M14 2V6C14 6.53 14.211 7.039 14.586 7.414 14.961 7.789 15.47 8 16 8H20M8 18 12 14M8 10V18H16"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+FileAxis3D.displayName = "FileAxis3D";
+
+FileAxis3D.metadata = {
+  name: "FileAxis3D",
+  category: "stroke/design",
+  tags: ["file", "axis", "icon"],
+  description: "FileAxis3D icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default FileAxis3D;

package/src/stroke/design/FlipHorizontal.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const FlipHorizontal: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function FlipHorizontal(
+  {
+    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="M8 3H5C4.47 3 3.961 3.211 3.586 3.586 3.211 3.961 3 4.47 3 5V19C3 20.1 3.9 21 5 21H8M16 3H19C19.53 3 20.039 3.211 20.414 3.586 20.789 3.961 21 4.47 21 5V19C21 19.53 20.789 20.039 20.414 20.414 20.039 20.789 19.53 21 19 21H16M12 20V22M12 14V16M12 8V10M12 2V4"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+FlipHorizontal.displayName = "FlipHorizontal";
+
+FlipHorizontal.metadata = {
+  name: "FlipHorizontal",
+  category: "stroke/design",
+  tags: ["flip", "horizontal", "icon"],
+  description: "FlipHorizontal icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default FlipHorizontal;

package/src/stroke/design/FlipHorizontal2.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const FlipHorizontal2: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function FlipHorizontal2(
+  {
+    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="M3 7 8 12 3 17V7ZM21 7 16 12 21 17V7ZM12 20V22M12 14V16M12 8V10M12 2V4"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+FlipHorizontal2.displayName = "FlipHorizontal2";
+
+FlipHorizontal2.metadata = {
+  name: "FlipHorizontal2",
+  category: "stroke/design",
+  tags: ["flip", "horizontal", "icon"],
+  description: "FlipHorizontal2 icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default FlipHorizontal2;

package/src/stroke/design/FlipVertical.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const FlipVertical: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function FlipVertical(
+  {
+    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 8V5C21 4.47 20.789 3.961 20.414 3.586 20.039 3.211 19.53 3 19 3H5C4.47 3 3.961 3.211 3.586 3.586 3.211 3.961 3 4.47 3 5V8M21 16V19C21 19.53 20.789 20.039 20.414 20.414 20.039 20.789 19.53 21 19 21H5C4.47 21 3.961 20.789 3.586 20.414 3.211 20.039 3 19.53 3 19V16M4 12H2M10 12H8M16 12H14M22 12H20"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+FlipVertical.displayName = "FlipVertical";
+
+FlipVertical.metadata = {
+  name: "FlipVertical",
+  category: "stroke/design",
+  tags: ["flip", "vertical", "icon"],
+  description: "FlipVertical icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default FlipVertical;

package/src/stroke/design/FlipVertical2.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const FlipVertical2: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function FlipVertical2(
+  {
+    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="M17 3 12 8 7 3H17ZM17 21 12 16 7 21H17ZM4 12H2M10 12H8M16 12H14M22 12H20"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+FlipVertical2.displayName = "FlipVertical2";
+
+FlipVertical2.metadata = {
+  name: "FlipVertical2",
+  category: "stroke/design",
+  tags: ["flip", "vertical", "icon"],
+  description: "FlipVertical2 icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default FlipVertical2;

package/src/stroke/design/Frame.tsx

@@ -0,0 +1,95 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface FrameProps extends IconProps {
+  type?: "stroke";
+}
+
+export const Frame: IconComponent<FrameProps> = React.forwardRef<
+  SVGSVGElement,
+  FrameProps
+>(function Frame(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    type = "stroke",
+    ...props
+  },
+  forwardedRef,
+) {
+  if (type === "stroke") {
+    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="M22 6H2M22 18H2M6 2V22M18 2V22"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  if (type === "stroke") {
+    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="M4 22V4C4 3.84475 4.03614 3.69164 4.10557 3.55279C4.175 3.41393 4.2758 3.29315 4.4 3.2C5.43858 2.42107 6.70178 2 8 2C11 2 13 4 15.333 4C16.6663 4 17.6887 3.73333 18.4 3.2C18.5486 3.08857 18.7252 3.02072 18.9102 3.00404C19.0952 2.98736 19.2811 3.02252 19.4472 3.10557C19.6133 3.18863 19.753 3.31629 19.8507 3.47427C19.9483 3.63224 20 3.81429 20 4V14C20 14.1552 19.9639 14.3084 19.8944 14.4472C19.825 14.5861 19.7242 14.7069 19.6 14.8C18.5614 15.5789 17.2982 16 16 16C13 16 11 14 8 14C6.52412 14 5.10002 14.544 4 15.528"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  console.error(`Frame doesn't support ${type}`);
+  return null;
+});
+
+Frame.displayName = "Frame";
+
+Frame.metadata = {
+  name: "Frame",
+  category: "stroke/design",
+  tags: ["frame", "icon"],
+  description: "Frame icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Frame;