@aliimam/icons 0.1.2 → 0.1.3

package/src/stroke/connectivity/Monitor.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Monitor: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Monitor(
+  {
+    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 3H4C2.895 3 2 3.895 2 5V15C2 16.105 2.895 17 4 17H20C21.105 17 22 16.105 22 15V5C22 3.895 21.105 3 20 3ZM8 21H16M12 17V21"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Monitor.displayName = "Monitor";
+
+Monitor.metadata = {
+  name: "Monitor",
+  category: "stroke/connectivity",
+  tags: ["monitor", "icon"],
+  description: "Monitor icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Monitor;

package/src/stroke/connectivity/MonitorCheck.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const MonitorCheck: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function MonitorCheck(
+  {
+    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="M9 10L11 12L15 8"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M20 3H4C2.895 3 2 3.895 2 5V15C2 16.105 2.895 17 4 17H20C21.105 17 22 16.105 22 15V5C22 3.895 21.105 3 20 3ZM12 17V21M8 21H16"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+MonitorCheck.displayName = "MonitorCheck";
+
+MonitorCheck.metadata = {
+  name: "MonitorCheck",
+  category: "stroke/connectivity",
+  tags: ["monitor", "check", "icon"],
+  description: "MonitorCheck icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default MonitorCheck;

package/src/stroke/connectivity/MonitorCog.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const MonitorCog: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function MonitorCog(
+  {
+    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 17V21M14.305 7.53 15.228 7.148M15.228 4.852 14.305 4.469M16.852 3.228 16.469 2.304M16.852 8.772 16.469 9.695M19.148 3.228 19.531 2.304M19.53 9.696 19.148 8.772M20.772 4.852 21.696 4.469M20.772 7.148 21.696 7.531M22 13V15C22 15.53 21.789 16.039 21.414 16.414 21.039 16.789 20.53 17 20 17H4C3.47 17 2.961 16.789 2.586 16.414 2.211 16.039 2 15.53 2 15V5C2 4.47 2.211 3.961 2.586 3.586 2.961 3.211 3.47 3 4 3H11M8 21H16"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M18 9C19.6569 9 21 7.65685 21 6C21 4.34315 19.6569 3 18 3C16.3431 3 15 4.34315 15 6C15 7.65685 16.3431 9 18 9Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+MonitorCog.displayName = "MonitorCog";
+
+MonitorCog.metadata = {
+  name: "MonitorCog",
+  category: "stroke/connectivity",
+  tags: ["monitor", "cog", "icon"],
+  description: "MonitorCog icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default MonitorCog;

package/src/stroke/connectivity/MonitorDot.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const MonitorDot: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function MonitorDot(
+  {
+    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 17V21M22 12.307V15C22 15.53 21.789 16.039 21.414 16.414 21.039 16.789 20.53 17 20 17H4C3.47 17 2.961 16.789 2.586 16.414 2.211 16.039 2 15.53 2 15V5C2 4.47 2.211 3.961 2.586 3.586 2.961 3.211 3.47 3 4 3H12.693M8 21H16"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M19 9C20.6569 9 22 7.65685 22 6C22 4.34315 20.6569 3 19 3C17.3431 3 16 4.34315 16 6C16 7.65685 17.3431 9 19 9Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+MonitorDot.displayName = "MonitorDot";
+
+MonitorDot.metadata = {
+  name: "MonitorDot",
+  category: "stroke/connectivity",
+  tags: ["monitor", "dot", "icon"],
+  description: "MonitorDot icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default MonitorDot;

package/src/stroke/connectivity/MonitorDown.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const MonitorDown: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function MonitorDown(
+  {
+    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 13V7M15 10 12 13 9 10"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M20 3H4C2.895 3 2 3.895 2 5V15C2 16.105 2.895 17 4 17H20C21.105 17 22 16.105 22 15V5C22 3.895 21.105 3 20 3ZM12 17V21M8 21H16"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+MonitorDown.displayName = "MonitorDown";
+
+MonitorDown.metadata = {
+  name: "MonitorDown",
+  category: "stroke/connectivity",
+  tags: ["monitor", "down", "icon"],
+  description: "MonitorDown icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default MonitorDown;

package/src/stroke/connectivity/MonitorOff.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const MonitorOff: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function MonitorOff(
+  {
+    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 17H4C3.47 17 2.961 16.789 2.586 16.414 2.211 16.039 2 15.53 2 15V5C2 3.5 3 3 3 3M22 15V5C22 4.47 21.789 3.961 21.414 3.586 21.039 3.211 20.53 3 20 3H9M8 21H16M12 17V21M2 2 22 22"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+MonitorOff.displayName = "MonitorOff";
+
+MonitorOff.metadata = {
+  name: "MonitorOff",
+  category: "stroke/connectivity",
+  tags: ["monitor", "off", "icon"],
+  description: "MonitorOff icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default MonitorOff;

package/src/stroke/connectivity/MonitorPause.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const MonitorPause: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function MonitorPause(
+  {
+    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="M10 13V7M14 13V7M20 3H4C2.895 3 2 3.895 2 5V15C2 16.105 2.895 17 4 17H20C21.105 17 22 16.105 22 15V5C22 3.895 21.105 3 20 3ZM12 17V21M8 21H16"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+MonitorPause.displayName = "MonitorPause";
+
+MonitorPause.metadata = {
+  name: "MonitorPause",
+  category: "stroke/connectivity",
+  tags: ["monitor", "pause", "icon"],
+  description: "MonitorPause icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default MonitorPause;

package/src/stroke/connectivity/MonitorPlay.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const MonitorPlay: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function MonitorPlay(
+  {
+    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.033 9.44C15.131 9.497 15.213 9.578 15.269 9.677 15.326 9.775 15.356 9.887 15.356 10 15.356 10.114 15.326 10.225 15.269 10.323 15.213 10.422 15.131 10.503 15.033 10.56L10.968 12.912C10.87 12.969 10.758 12.999 10.645 12.999 10.532 12.999 10.42 12.969 10.322 12.912 10.224 12.855 10.142 12.774 10.086 12.675 10.029 12.577 10 12.465 10 12.352V7.648C10 7.535 10.029 7.423 10.086 7.325 10.142 7.227 10.224 7.145 10.322 7.089 10.42 7.032 10.531 7.002 10.644 7.002 10.758 7.002 10.869 7.031 10.967 7.088L15.033 9.44ZM12 17V21M8 21H16"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M20 3H4C2.89543 3 2 3.89543 2 5V15C2 16.1046 2.89543 17 4 17H20C21.1046 17 22 16.1046 22 15V5C22 3.89543 21.1046 3 20 3Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+MonitorPlay.displayName = "MonitorPlay";
+
+MonitorPlay.metadata = {
+  name: "MonitorPlay",
+  category: "stroke/connectivity",
+  tags: ["monitor", "play", "icon"],
+  description: "MonitorPlay icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default MonitorPlay;

package/src/stroke/connectivity/MonitorSmartphone.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const MonitorSmartphone: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function MonitorSmartphone(
+  {
+    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 8V6C18 5.47 17.789 4.961 17.414 4.586 17.039 4.211 16.53 4 16 4H4C3.47 4 2.961 4.211 2.586 4.586 2.211 4.961 2 5.47 2 6V13C2 13.53 2.211 14.039 2.586 14.414 2.961 14.789 3.47 15 4 15H12M10 19V15.04 18.19M7 19H12M20 12H18C16.895 12 16 12.895 16 14V20C16 21.105 16.895 22 18 22H20C21.105 22 22 21.105 22 20V14C22 12.895 21.105 12 20 12Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+MonitorSmartphone.displayName = "MonitorSmartphone";
+
+MonitorSmartphone.metadata = {
+  name: "MonitorSmartphone",
+  category: "stroke/connectivity",
+  tags: ["monitor", "smartphone", "icon"],
+  description: "MonitorSmartphone icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default MonitorSmartphone;

package/src/stroke/{accountsAccess/ContactRound.tsx → connectivity/MonitorSpeaker.tsx}

@@ -1,10 +1,10 @@
 import * as React from "react";
 import type { IconProps, IconMetadata, IconComponent } from "../../types";
 
-export const ContactRound: IconComponent = React.forwardRef<
+export const MonitorSpeaker: IconComponent = React.forwardRef<
   SVGSVGElement,
   IconProps
->(function ContactRound(
+>(function MonitorSpeaker(
   {
     color = "currentColor",
     fill,
@@ -36,13 +36,13 @@ export const ContactRound: IconComponent = React.forwardRef<
       ref={forwardedRef}
     >
       <path
-        d="M16 2V4M17.915 22C17.915 20.409 17.283 18.883 16.158 17.757 15.032 16.632 13.506 16 11.915 16 10.324 16 8.798 16.632 7.672 17.757 6.547 18.883 5.915 20.409 5.915 22M8 2V4M12 16C14.209 16 16 14.209 16 12 16 9.791 14.209 8 12 8 9.791 8 8 9.791 8 12 8 14.209 9.791 16 12 16Z"
+        d="M5.5 20H8M17 9H17.01M20 4H14C12.895 4 12 4.895 12 6V18C12 19.105 12.895 20 14 20H20C21.105 20 22 19.105 22 18V6C22 4.895 21.105 4 20 4ZM8 6H4C3.47 6 2.961 6.211 2.586 6.586 2.211 6.961 2 7.47 2 8V14C2 14.53 2.211 15.039 2.586 15.414 2.961 15.789 3.47 16 4 16H8"
         stroke={color}
         strokeLinecap="round"
         strokeLinejoin="round"
       />
       <path
-        d="M19 4H5C3.89543 4 3 4.89543 3 6V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V6C21 4.89543 20.1046 4 19 4Z"
+        d="M17 16C17.5523 16 18 15.5523 18 15C18 14.4477 17.5523 14 17 14C16.4477 14 16 14.4477 16 15C16 15.5523 16.4477 16 17 16Z"
         stroke={color}
         strokeLinecap="round"
         strokeLinejoin="round"
@@ -51,14 +51,14 @@ export const ContactRound: IconComponent = React.forwardRef<
   );
 });
 
-ContactRound.displayName = "ContactRound";
+MonitorSpeaker.displayName = "MonitorSpeaker";
 
-ContactRound.metadata = {
-  name: "ContactRound",
-  category: "stroke/accountsAccess",
-  tags: ["contact", "round", "icon"],
-  description: "ContactRound icon from stroke/accountsAccess category",
+MonitorSpeaker.metadata = {
+  name: "MonitorSpeaker",
+  category: "stroke/connectivity",
+  tags: ["monitor", "speaker", "icon"],
+  description: "MonitorSpeaker icon from stroke/connectivity category",
   type: ["stroke", "icon"],
 } as IconMetadata;
 
-export default ContactRound;
+export default MonitorSpeaker;

package/src/stroke/connectivity/MonitorStop.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const MonitorStop: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function MonitorStop(
+  {
+    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 17V21M8 21H16M20 3H4C2.895 3 2 3.895 2 5V15C2 16.105 2.895 17 4 17H20C21.105 17 22 16.105 22 15V5C22 3.895 21.105 3 20 3Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M14 7H10C9.44772 7 9 7.44772 9 8V12C9 12.5523 9.44772 13 10 13H14C14.5523 13 15 12.5523 15 12V8C15 7.44772 14.5523 7 14 7Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+MonitorStop.displayName = "MonitorStop";
+
+MonitorStop.metadata = {
+  name: "MonitorStop",
+  category: "stroke/connectivity",
+  tags: ["monitor", "stop", "icon"],
+  description: "MonitorStop icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default MonitorStop;