@aliimam/icons 0.1.2 → 0.1.3

package/src/stroke/connectivity/MonitorUp.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const MonitorUp: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function MonitorUp(
+  {
+    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 10 12 7 15 10M12 13V7"
+        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>
+  );
+});
+
+MonitorUp.displayName = "MonitorUp";
+
+MonitorUp.metadata = {
+  name: "MonitorUp",
+  category: "stroke/connectivity",
+  tags: ["monitor", "up", "icon"],
+  description: "MonitorUp icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default MonitorUp;

package/src/stroke/connectivity/MonitorX.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const MonitorX: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function MonitorX(
+  {
+    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="M14.5 12.5 9.5 7.5M9.5 12.5 14.5 7.5M20 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>
+  );
+});
+
+MonitorX.displayName = "MonitorX";
+
+MonitorX.metadata = {
+  name: "MonitorX",
+  category: "stroke/connectivity",
+  tags: ["monitor", "icon"],
+  description: "MonitorX icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default MonitorX;

package/src/stroke/connectivity/Phone.tsx

@@ -0,0 +1,95 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface PhoneProps extends IconProps {
+  type?: "stroke";
+}
+
+export const Phone: IconComponent<PhoneProps> = React.forwardRef<
+  SVGSVGElement,
+  PhoneProps
+>(function Phone(
+  {
+    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="M13.832 16.568C14.0385 16.6628 14.2712 16.6845 14.4917 16.6294C14.7122 16.5744 14.9073 16.4458 15.045 16.265L15.4 15.8C15.5863 15.5516 15.8279 15.35 16.1056 15.2111C16.3833 15.0723 16.6895 15 17 15H20C20.5304 15 21.0391 15.2107 21.4142 15.5858C21.7893 15.9609 22 16.4696 22 17V20C22 20.5304 21.7893 21.0391 21.4142 21.4142C21.0391 21.7893 20.5304 22 20 22C15.2261 22 10.6477 20.1036 7.27208 16.7279C3.89642 13.3523 2 8.7739 2 4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2H7C7.53043 2 8.03914 2.21071 8.41421 2.58579C8.78929 2.96086 9 3.46957 9 4V7C9 7.31049 8.92771 7.61672 8.78885 7.89443C8.65 8.17214 8.44839 8.41371 8.2 8.6L7.732 8.951C7.54842 9.09118 7.41902 9.29059 7.36579 9.51535C7.31256 9.74012 7.33878 9.97638 7.44 10.184C8.80668 12.9599 11.0544 15.2048 13.832 16.568Z"
+          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="M13.832 16.568C14.0385 16.6628 14.2712 16.6845 14.4917 16.6294C14.7122 16.5744 14.9073 16.4458 15.045 16.265L15.4 15.8C15.5863 15.5516 15.8279 15.35 16.1056 15.2111C16.3833 15.0723 16.6895 15 17 15H20C20.5304 15 21.0391 15.2107 21.4142 15.5858C21.7893 15.9609 22 16.4696 22 17V20C22 20.5304 21.7893 21.0391 21.4142 21.4142C21.0391 21.7893 20.5304 22 20 22C15.2261 22 10.6477 20.1036 7.27208 16.7279C3.89642 13.3523 2 8.7739 2 4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2H7C7.53043 2 8.03914 2.21071 8.41421 2.58579C8.78929 2.96086 9 3.46957 9 4V7C9 7.31049 8.92771 7.61672 8.78885 7.89443C8.65 8.17214 8.44839 8.41371 8.2 8.6L7.732 8.951C7.54842 9.09118 7.41902 9.29059 7.36579 9.51535C7.31256 9.74012 7.33878 9.97638 7.44 10.184C8.80668 12.9599 11.0544 15.2048 13.832 16.568Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  console.error(`Phone doesn't support ${type}`);
+  return null;
+});
+
+Phone.displayName = "Phone";
+
+Phone.metadata = {
+  name: "Phone",
+  category: "stroke/connectivity",
+  tags: ["phone", "icon"],
+  description: "Phone icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Phone;

package/src/stroke/connectivity/PhoneCall.tsx

@@ -0,0 +1,95 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface PhoneCallProps extends IconProps {
+  type?: "stroke";
+}
+
+export const PhoneCall: IconComponent<PhoneCallProps> = React.forwardRef<
+  SVGSVGElement,
+  PhoneCallProps
+>(function PhoneCall(
+  {
+    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="M13 2C15.387 2 17.676 2.948 19.364 4.636 21.052 6.324 22 8.613 22 11M13 6C14.326 6 15.598 6.527 16.536 7.464 17.473 8.402 18 9.674 18 11M13.832 16.568C14.039 16.663 14.271 16.685 14.492 16.629 14.712 16.574 14.907 16.446 15.045 16.265L15.4 15.8C15.586 15.552 15.828 15.35 16.106 15.211 16.383 15.072 16.69 15 17 15H20C20.53 15 21.039 15.211 21.414 15.586 21.789 15.961 22 16.47 22 17V20C22 20.53 21.789 21.039 21.414 21.414 21.039 21.789 20.53 22 20 22 15.226 22 10.648 20.104 7.272 16.728 3.896 13.352 2 8.774 2 4 2 3.47 2.211 2.961 2.586 2.586 2.961 2.211 3.47 2 4 2H7C7.53 2 8.039 2.211 8.414 2.586 8.789 2.961 9 3.47 9 4V7C9 7.31 8.928 7.617 8.789 7.894 8.65 8.172 8.448 8.414 8.2 8.6L7.732 8.951C7.548 9.091 7.419 9.291 7.366 9.515 7.313 9.74 7.339 9.976 7.44 10.184 8.807 12.96 11.054 15.205 13.832 16.568Z"
+          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="M13 2C15.387 2 17.676 2.948 19.364 4.636 21.052 6.324 22 8.613 22 11M13 6C14.326 6 15.598 6.527 16.536 7.464 17.473 8.402 18 9.674 18 11M13.832 16.568C14.039 16.663 14.271 16.685 14.492 16.629 14.712 16.574 14.907 16.446 15.045 16.265L15.4 15.8C15.586 15.552 15.828 15.35 16.106 15.211 16.383 15.072 16.69 15 17 15H20C20.53 15 21.039 15.211 21.414 15.586 21.789 15.961 22 16.47 22 17V20C22 20.53 21.789 21.039 21.414 21.414 21.039 21.789 20.53 22 20 22 15.226 22 10.648 20.104 7.272 16.728 3.896 13.352 2 8.774 2 4 2 3.47 2.211 2.961 2.586 2.586 2.961 2.211 3.47 2 4 2H7C7.53 2 8.039 2.211 8.414 2.586 8.789 2.961 9 3.47 9 4V7C9 7.31 8.928 7.617 8.789 7.894 8.65 8.172 8.448 8.414 8.2 8.6L7.732 8.951C7.548 9.091 7.419 9.291 7.366 9.515 7.313 9.74 7.339 9.976 7.44 10.184 8.807 12.96 11.054 15.205 13.832 16.568Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  console.error(`PhoneCall doesn't support ${type}`);
+  return null;
+});
+
+PhoneCall.displayName = "PhoneCall";
+
+PhoneCall.metadata = {
+  name: "PhoneCall",
+  category: "stroke/connectivity",
+  tags: ["phone", "call", "icon"],
+  description: "PhoneCall icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default PhoneCall;

package/src/stroke/connectivity/PhoneForwarded.tsx

@@ -0,0 +1,120 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface PhoneForwardedProps extends IconProps {
+  type?: "stroke";
+}
+
+export const PhoneForwarded: IconComponent<PhoneForwardedProps> =
+  React.forwardRef<SVGSVGElement, PhoneForwardedProps>(function PhoneForwarded(
+    {
+      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="M14 6H22M18 2 22 6 18 10M13.832 16.568C14.039 16.663 14.271 16.685 14.492 16.629 14.712 16.574 14.907 16.446 15.045 16.265L15.4 15.8C15.586 15.552 15.828 15.35 16.106 15.211 16.383 15.072 16.69 15 17 15H20C20.53 15 21.039 15.211 21.414 15.586 21.789 15.961 22 16.47 22 17V20C22 20.53 21.789 21.039 21.414 21.414 21.039 21.789 20.53 22 20 22 15.226 22 10.648 20.104 7.272 16.728 3.896 13.352 2 8.774 2 4 2 3.47 2.211 2.961 2.586 2.586 2.961 2.211 3.47 2 4 2H7C7.53 2 8.039 2.211 8.414 2.586 8.789 2.961 9 3.47 9 4V7C9 7.31 8.928 7.617 8.789 7.894 8.65 8.172 8.448 8.414 8.2 8.6L7.732 8.951C7.548 9.091 7.419 9.291 7.366 9.515 7.313 9.74 7.339 9.976 7.44 10.184 8.807 12.96 11.054 15.205 13.832 16.568Z"
+            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="M14 6H22M18 2 22 6 18 10M13.832 16.568C14.039 16.663 14.271 16.685 14.492 16.629 14.712 16.574 14.907 16.446 15.045 16.265L15.4 15.8C15.586 15.552 15.828 15.35 16.106 15.211 16.383 15.072 16.69 15 17 15H20C20.53 15 21.039 15.211 21.414 15.586 21.789 15.961 22 16.47 22 17V20C22 20.53 21.789 21.039 21.414 21.414 21.039 21.789 20.53 22 20 22 15.226 22 10.648 20.104 7.272 16.728 3.896 13.352 2 8.774 2 4 2 3.47 2.211 2.961 2.586 2.586 2.961 2.211 3.47 2 4 2H7C7.53 2 8.039 2.211 8.414 2.586 8.789 2.961 9 3.47 9 4V7C9 7.31 8.928 7.617 8.789 7.894 8.65 8.172 8.448 8.414 8.2 8.6L7.732 8.951C7.548 9.091 7.419 9.291 7.366 9.515 7.313 9.74 7.339 9.976 7.44 10.184 8.807 12.96 11.054 15.205 13.832 16.568Z"
+            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="M14 6H22M18 2 22 6 18 10M13.832 16.568C14.039 16.663 14.271 16.685 14.492 16.629 14.712 16.574 14.907 16.446 15.045 16.265L15.4 15.8C15.586 15.552 15.828 15.35 16.106 15.211 16.383 15.072 16.69 15 17 15H20C20.53 15 21.039 15.211 21.414 15.586 21.789 15.961 22 16.47 22 17V20C22 20.53 21.789 21.039 21.414 21.414 21.039 21.789 20.53 22 20 22 15.226 22 10.648 20.104 7.272 16.728 3.896 13.352 2 8.774 2 4 2 3.47 2.211 2.961 2.586 2.586 2.961 2.211 3.47 2 4 2H7C7.53 2 8.039 2.211 8.414 2.586 8.789 2.961 9 3.47 9 4V7C9 7.31 8.928 7.617 8.789 7.894 8.65 8.172 8.448 8.414 8.2 8.6L7.732 8.951C7.548 9.091 7.419 9.291 7.366 9.515 7.313 9.74 7.339 9.976 7.44 10.184 8.807 12.96 11.054 15.205 13.832 16.568Z"
+            stroke={color}
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        </svg>
+      );
+    }
+
+    console.error(`PhoneForwarded doesn't support ${type}`);
+    return null;
+  });
+
+PhoneForwarded.displayName = "PhoneForwarded";
+
+PhoneForwarded.metadata = {
+  name: "PhoneForwarded",
+  category: "stroke/connectivity",
+  tags: ["phone", "forwarded", "icon"],
+  description: "PhoneForwarded icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default PhoneForwarded;

package/src/stroke/connectivity/PhoneIncoming.tsx

@@ -0,0 +1,120 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface PhoneIncomingProps extends IconProps {
+  type?: "stroke";
+}
+
+export const PhoneIncoming: IconComponent<PhoneIncomingProps> =
+  React.forwardRef<SVGSVGElement, PhoneIncomingProps>(function PhoneIncoming(
+    {
+      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="M16 2V8H22M22 2 16 8M13.832 16.568C14.039 16.663 14.271 16.685 14.492 16.629 14.712 16.574 14.907 16.446 15.045 16.265L15.4 15.8C15.586 15.552 15.828 15.35 16.106 15.211 16.383 15.072 16.69 15 17 15H20C20.53 15 21.039 15.211 21.414 15.586 21.789 15.961 22 16.47 22 17V20C22 20.53 21.789 21.039 21.414 21.414 21.039 21.789 20.53 22 20 22 15.226 22 10.648 20.104 7.272 16.728 3.896 13.352 2 8.774 2 4 2 3.47 2.211 2.961 2.586 2.586 2.961 2.211 3.47 2 4 2H7C7.53 2 8.039 2.211 8.414 2.586 8.789 2.961 9 3.47 9 4V7C9 7.31 8.928 7.617 8.789 7.894 8.65 8.172 8.448 8.414 8.2 8.6L7.732 8.951C7.548 9.091 7.419 9.291 7.366 9.515 7.313 9.74 7.339 9.976 7.44 10.184 8.807 12.96 11.054 15.205 13.832 16.568Z"
+            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="M16 2V8H22M22 2 16 8M13.832 16.568C14.039 16.663 14.271 16.685 14.492 16.629 14.712 16.574 14.907 16.446 15.045 16.265L15.4 15.8C15.586 15.552 15.828 15.35 16.106 15.211 16.383 15.072 16.69 15 17 15H20C20.53 15 21.039 15.211 21.414 15.586 21.789 15.961 22 16.47 22 17V20C22 20.53 21.789 21.039 21.414 21.414 21.039 21.789 20.53 22 20 22 15.226 22 10.648 20.104 7.272 16.728 3.896 13.352 2 8.774 2 4 2 3.47 2.211 2.961 2.586 2.586 2.961 2.211 3.47 2 4 2H7C7.53 2 8.039 2.211 8.414 2.586 8.789 2.961 9 3.47 9 4V7C9 7.31 8.928 7.617 8.789 7.894 8.65 8.172 8.448 8.414 8.2 8.6L7.732 8.951C7.548 9.091 7.419 9.291 7.366 9.515 7.313 9.74 7.339 9.976 7.44 10.184 8.807 12.96 11.054 15.205 13.832 16.568Z"
+            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="M16 2V8H22M22 2 16 8M13.832 16.568C14.039 16.663 14.271 16.685 14.492 16.629 14.712 16.574 14.907 16.446 15.045 16.265L15.4 15.8C15.586 15.552 15.828 15.35 16.106 15.211 16.383 15.072 16.69 15 17 15H20C20.53 15 21.039 15.211 21.414 15.586 21.789 15.961 22 16.47 22 17V20C22 20.53 21.789 21.039 21.414 21.414 21.039 21.789 20.53 22 20 22 15.226 22 10.648 20.104 7.272 16.728 3.896 13.352 2 8.774 2 4 2 3.47 2.211 2.961 2.586 2.586 2.961 2.211 3.47 2 4 2H7C7.53 2 8.039 2.211 8.414 2.586 8.789 2.961 9 3.47 9 4V7C9 7.31 8.928 7.617 8.789 7.894 8.65 8.172 8.448 8.414 8.2 8.6L7.732 8.951C7.548 9.091 7.419 9.291 7.366 9.515 7.313 9.74 7.339 9.976 7.44 10.184 8.807 12.96 11.054 15.205 13.832 16.568Z"
+            stroke={color}
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        </svg>
+      );
+    }
+
+    console.error(`PhoneIncoming doesn't support ${type}`);
+    return null;
+  });
+
+PhoneIncoming.displayName = "PhoneIncoming";
+
+PhoneIncoming.metadata = {
+  name: "PhoneIncoming",
+  category: "stroke/connectivity",
+  tags: ["phone", "incoming", "icon"],
+  description: "PhoneIncoming icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default PhoneIncoming;

package/src/stroke/connectivity/PhoneMissed.tsx

@@ -0,0 +1,95 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface PhoneMissedProps extends IconProps {
+  type?: "stroke";
+}
+
+export const PhoneMissed: IconComponent<PhoneMissedProps> = React.forwardRef<
+  SVGSVGElement,
+  PhoneMissedProps
+>(function PhoneMissed(
+  {
+    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="M16 2 22 8M22 2 16 8M13.832 16.568C14.039 16.663 14.271 16.685 14.492 16.629 14.712 16.574 14.907 16.446 15.045 16.265L15.4 15.8C15.586 15.552 15.828 15.35 16.106 15.211 16.383 15.072 16.69 15 17 15H20C20.53 15 21.039 15.211 21.414 15.586 21.789 15.961 22 16.47 22 17V20C22 20.53 21.789 21.039 21.414 21.414 21.039 21.789 20.53 22 20 22 15.226 22 10.648 20.104 7.272 16.728 3.896 13.352 2 8.774 2 4 2 3.47 2.211 2.961 2.586 2.586 2.961 2.211 3.47 2 4 2H7C7.53 2 8.039 2.211 8.414 2.586 8.789 2.961 9 3.47 9 4V7C9 7.31 8.928 7.617 8.789 7.894 8.65 8.172 8.448 8.414 8.2 8.6L7.732 8.951C7.548 9.091 7.419 9.291 7.366 9.515 7.313 9.74 7.339 9.976 7.44 10.184 8.807 12.96 11.054 15.205 13.832 16.568Z"
+          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="M16 2 22 8M22 2 16 8M13.832 16.568C14.039 16.663 14.271 16.685 14.492 16.629 14.712 16.574 14.907 16.446 15.045 16.265L15.4 15.8C15.586 15.552 15.828 15.35 16.106 15.211 16.383 15.072 16.69 15 17 15H20C20.53 15 21.039 15.211 21.414 15.586 21.789 15.961 22 16.47 22 17V20C22 20.53 21.789 21.039 21.414 21.414 21.039 21.789 20.53 22 20 22 15.226 22 10.648 20.104 7.272 16.728 3.896 13.352 2 8.774 2 4 2 3.47 2.211 2.961 2.586 2.586 2.961 2.211 3.47 2 4 2H7C7.53 2 8.039 2.211 8.414 2.586 8.789 2.961 9 3.47 9 4V7C9 7.31 8.928 7.617 8.789 7.894 8.65 8.172 8.448 8.414 8.2 8.6L7.732 8.951C7.548 9.091 7.419 9.291 7.366 9.515 7.313 9.74 7.339 9.976 7.44 10.184 8.807 12.96 11.054 15.205 13.832 16.568Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  console.error(`PhoneMissed doesn't support ${type}`);
+  return null;
+});
+
+PhoneMissed.displayName = "PhoneMissed";
+
+PhoneMissed.metadata = {
+  name: "PhoneMissed",
+  category: "stroke/connectivity",
+  tags: ["phone", "missed", "icon"],
+  description: "PhoneMissed icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default PhoneMissed;