@aliimam/logos 0.2.0 → 0.2.2

package/src/shapes/polygon/Polygon6.tsx

@@ -0,0 +1,63 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Polygon6: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Polygon6(
+  {
+    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}
+    >
+      <g clipPath="url(#undefined-clip0_2068_488)">
+        <path
+          d="M12 0L24 9.16718L19.4164 24H4.58359L0 9.16718L12 0Z"
+          fill="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="undefined-clip0_2068_488">
+          <path fill="#fff" d="M0 0H24V24H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+});
+
+Polygon6.displayName = "Polygon6";
+
+Polygon6.metadata = {
+  name: "Polygon6",
+  category: "shapes/polygon",
+  tags: ["polygon", "icon"],
+  description: "Polygon6 icon from shapes/polygon category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Polygon6;

package/src/shapes/polygon/Polygon7.tsx

@@ -0,0 +1,63 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Polygon7: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Polygon7(
+  {
+    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}
+    >
+      <g clipPath="url(#undefined-clip0_2068_487)">
+        <path
+          d="M10.2131 0.43215C11.3195 -0.144051 12.6805 -0.14405 13.787 0.432151L22.2007 4.81379C23.3138 5.39342 24 6.46796 24 7.63123V16.3688C24 17.532 23.3138 18.6066 22.2007 19.1862L13.7869 23.5679C12.6805 24.1441 11.3195 24.144 10.2131 23.5678L1.79926 19.1862C0.686213 18.6066 0 17.532 0 16.3688V7.63123C0 6.46796 0.686215 5.39342 1.79926 4.81379L10.2131 0.43215Z"
+          fill="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="undefined-clip0_2068_487">
+          <path fill="#fff" d="M0 0H24V24H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+});
+
+Polygon7.displayName = "Polygon7";
+
+Polygon7.metadata = {
+  name: "Polygon7",
+  category: "shapes/polygon",
+  tags: ["polygon", "icon"],
+  description: "Polygon7 icon from shapes/polygon category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Polygon7;

package/src/shapes/polygon/Polygon8.tsx

@@ -0,0 +1,60 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Polygon8: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Polygon8(
+  {
+    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}
+    >
+      <g clipPath="url(#undefined-clip0_2068_486)">
+        <path d="M12 0L0 6V18L12 24L24 18V6L12 0Z" fill="currentColor" />
+      </g>
+      <defs>
+        <clipPath id="undefined-clip0_2068_486">
+          <path fill="#fff" d="M0 0H24V24H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+});
+
+Polygon8.displayName = "Polygon8";
+
+Polygon8.metadata = {
+  name: "Polygon8",
+  category: "shapes/polygon",
+  tags: ["polygon", "icon"],
+  description: "Polygon8 icon from shapes/polygon category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Polygon8;

package/src/shapes/polygon/index.ts

@@ -0,0 +1,8 @@
+export { default as Polygon1 } from "./Polygon1";
+export { default as Polygon2 } from "./Polygon2";
+export { default as Polygon3 } from "./Polygon3";
+export { default as Polygon4 } from "./Polygon4";
+export { default as Polygon5 } from "./Polygon5";
+export { default as Polygon6 } from "./Polygon6";
+export { default as Polygon7 } from "./Polygon7";
+export { default as Polygon8 } from "./Polygon8";

package/src/shapes/rectangle/Rectangle1.tsx

@@ -0,0 +1,60 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Rectangle1: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Rectangle1(
+  {
+    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}
+    >
+      <g clipPath="url(#undefined-clip0_2068_687)">
+        <path fill="currentColor" d="M0 0H24V24H0z" />
+      </g>
+      <defs>
+        <clipPath id="undefined-clip0_2068_687">
+          <path fill="#fff" d="M0 0H24V24H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+});
+
+Rectangle1.displayName = "Rectangle1";
+
+Rectangle1.metadata = {
+  name: "Rectangle1",
+  category: "shapes/rectangle",
+  tags: ["rectangle", "icon"],
+  description: "Rectangle1 icon from shapes/rectangle category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Rectangle1;

package/src/shapes/rectangle/Rectangle2.tsx

@@ -0,0 +1,60 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Rectangle2: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Rectangle2(
+  {
+    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}
+    >
+      <g clipPath="url(#undefined-clip0_2068_686)">
+        <rect width={size} height={size} rx="12" fill="currentColor" />
+      </g>
+      <defs>
+        <clipPath id="undefined-clip0_2068_686">
+          <path fill="#fff" d="M0 0H24V24H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+});
+
+Rectangle2.displayName = "Rectangle2";
+
+Rectangle2.metadata = {
+  name: "Rectangle2",
+  category: "shapes/rectangle",
+  tags: ["rectangle", "icon"],
+  description: "Rectangle2 icon from shapes/rectangle category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Rectangle2;

package/src/{icon/authentication/BetterAuth.tsx → shapes/rectangle/Rectangle3.tsx}

@@ -1,10 +1,10 @@
 import * as React from "react";
 import type { IconProps, IconMetadata, IconComponent } from "../../types";
 
-export const BetterAuth: IconComponent = React.forwardRef<
+export const Rectangle3: IconComponent = React.forwardRef<
   SVGSVGElement,
   IconProps
->(function BetterAuth(
+>(function Rectangle3(
   {
     color = "currentColor",
     fill,
@@ -35,19 +35,14 @@ export const BetterAuth: IconComponent = React.forwardRef<
       {...props}
       ref={forwardedRef}
     >
-      <g clipPath="url(#undefined-clip0_2062_2085)">
-        <path d="M0 0H24V24H0V0Z" fill="currentColor" />
+      <g clipPath="url(#undefined-clip0_2068_684)">
         <path
-          d="M3.312 5.80798H7.48742V18.24H3.312V5.80798ZM16.2036 5.80798H20.64V18.24H16.2036V5.80798Z"
-          fill="#fff"
-        />
-        <path
-          d="M20.51 5.808V9.814H12.133V5.808H20.51ZM20.64 14.234V18.24H12.133V14.234H20.64ZM12.133 9.814V14.234H7.487V9.814H12.133Z"
-          fill="#fff"
+          d="M12 0L24.0004 12.0005L12 24.0009L-0.000488281 12.0005L12 0Z"
+          fill="currentColor"
         />
       </g>
       <defs>
-        <clipPath id="undefined-clip0_2062_2085">
+        <clipPath id="undefined-clip0_2068_684">
           <path fill="#fff" d="M0 0H24V24H0z" />
         </clipPath>
       </defs>
@@ -55,14 +50,14 @@ export const BetterAuth: IconComponent = React.forwardRef<
   );
 });
 
-BetterAuth.displayName = "BetterAuth";
+Rectangle3.displayName = "Rectangle3";
 
-BetterAuth.metadata = {
-  name: "BetterAuth",
-  category: "icon/authentication",
-  tags: ["better", "auth", "icon"],
-  description: "BetterAuth icon from icon/authentication category",
+Rectangle3.metadata = {
+  name: "Rectangle3",
+  category: "shapes/rectangle",
+  tags: ["rectangle", "icon"],
+  description: "Rectangle3 icon from shapes/rectangle category",
   type: ["stroke", "icon"],
 } as IconMetadata;
 
-export default BetterAuth;
+export default Rectangle3;

package/src/shapes/rectangle/Rectangle4.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Rectangle4: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Rectangle4(
+  {
+    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="M23.9999 12L12 0L0 12L12 23.9999L23.9999 12ZM16.7999 11.1998C16.7999 8.99073 15.0091 7.19994 12.8 7.19994H11.1998C8.99073 7.19994 7.19994 8.99074 7.19994 11.1998V12.8C7.19994 15.0091 8.99074 16.7999 11.1998 16.7999H12.8C15.0091 16.7999 16.7999 15.0091 16.7999 12.8V11.1998Z"
+        fill="currentColor"
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+});
+
+Rectangle4.displayName = "Rectangle4";
+
+Rectangle4.metadata = {
+  name: "Rectangle4",
+  category: "shapes/rectangle",
+  tags: ["rectangle", "icon"],
+  description: "Rectangle4 icon from shapes/rectangle category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Rectangle4;

package/src/shapes/rectangle/Rectangle5.tsx

@@ -0,0 +1,56 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Rectangle5: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Rectangle5(
+  {
+    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.6 0H8.4V8.4H3.14722e-07L0 15.6H8.4V24H15.6V15.6H24V8.4H15.6V0Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+});
+
+Rectangle5.displayName = "Rectangle5";
+
+Rectangle5.metadata = {
+  name: "Rectangle5",
+  category: "shapes/rectangle",
+  tags: ["rectangle", "icon"],
+  description: "Rectangle5 icon from shapes/rectangle category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Rectangle5;

package/src/shapes/rectangle/Rectangle6.tsx

@@ -0,0 +1,56 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Rectangle6: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Rectangle6(
+  {
+    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="M18 0V6L6 6 6 0 18 0ZM6 18 6 6 0 6V18H6ZM18 18V6H24V18H18ZM18 18H6L6 24H18V18Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+});
+
+Rectangle6.displayName = "Rectangle6";
+
+Rectangle6.metadata = {
+  name: "Rectangle6",
+  category: "shapes/rectangle",
+  tags: ["rectangle", "icon"],
+  description: "Rectangle6 icon from shapes/rectangle category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Rectangle6;

package/src/shapes/rectangle/Rectangle7.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Rectangle7: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Rectangle7(
+  {
+    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.36 3.36 12 0 8.64 3.36 12 6.72 15.36 3.36ZM6.72 12 3.36 8.64 0 12 3.36 15.36 6.72 12Z"
+        fill="currentColor"
+      />
+      <path
+        d="M15.36 12L19.68 16.32L16.32 19.68L12 15.36L7.68 19.68L4.32 16.32L8.64 12L4.32 7.68L7.68 4.32L12 8.64L16.32 4.32L19.68 7.68L15.36 12Z"
+        fill="currentColor"
+      />
+      <path
+        d="M20.64 8.64 24 12 20.64 15.36 17.28 12 20.64 8.64ZM15.36 20.64 12 17.28 8.64 20.64 12 24 15.36 20.64Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+});
+
+Rectangle7.displayName = "Rectangle7";
+
+Rectangle7.metadata = {
+  name: "Rectangle7",
+  category: "shapes/rectangle",
+  tags: ["rectangle", "icon"],
+  description: "Rectangle7 icon from shapes/rectangle category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Rectangle7;

package/src/shapes/rectangle/Rectangle8.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Rectangle8: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Rectangle8(
+  {
+    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="M18 6H6V18H18V6ZM0 0V24H24V0H0Z"
+        fill="currentColor"
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+});
+
+Rectangle8.displayName = "Rectangle8";
+
+Rectangle8.metadata = {
+  name: "Rectangle8",
+  category: "shapes/rectangle",
+  tags: ["rectangle", "icon"],
+  description: "Rectangle8 icon from shapes/rectangle category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Rectangle8;