@aliimam/icons 0.1.2 → 0.1.3

package/src/stroke/connectivity/ContactRound.tsx

@@ -0,0 +1,140 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface ContactRoundProps extends IconProps {
+  type?: "stroke";
+}
+
+export const ContactRound: IconComponent<ContactRoundProps> = React.forwardRef<
+  SVGSVGElement,
+  ContactRoundProps
+>(function ContactRound(
+  {
+    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 2V4M17.915 22C17.915 20.409 17.283 18.883 16.158 17.757 15.033 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"
+          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"
+          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 2V4M17.915 22C17.915 20.409 17.283 18.883 16.158 17.757 15.033 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"
+          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"
+          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 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"
+          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"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  console.error(`ContactRound doesn't support ${type}`);
+  return null;
+});
+
+ContactRound.displayName = "ContactRound";
+
+ContactRound.metadata = {
+  name: "ContactRound",
+  category: "stroke/connectivity",
+  tags: ["contact", "round", "icon"],
+  description: "ContactRound icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ContactRound;

package/src/stroke/connectivity/HeadphoneOff.tsx

@@ -0,0 +1,95 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface HeadphoneOffProps extends IconProps {
+  type?: "stroke";
+}
+
+export const HeadphoneOff: IconComponent<HeadphoneOffProps> = React.forwardRef<
+  SVGSVGElement,
+  HeadphoneOffProps
+>(function HeadphoneOff(
+  {
+    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="M21 14H19.657M9.128 3.47C10.482 3.014 11.925 2.887 13.337 3.099 14.75 3.312 16.091 3.857 17.251 4.69 18.412 5.524 19.357 6.622 20.008 7.893 20.66 9.164 21 10.572 21 12V15.343M2 2 22 22M20.414 20.414C20.039 20.789 19.53 21 19 21H18C17.47 21 16.961 20.789 16.586 20.414 16.211 20.039 16 19.53 16 19V16M3 14H6C6.53 14 7.039 14.211 7.414 14.586 7.789 14.961 8 15.47 8 16V19C8 19.53 7.789 20.039 7.414 20.414 7.039 20.789 6.53 21 6 21H5C4.47 21 3.961 20.789 3.586 20.414 3.211 20.039 3 19.53 3 19V12C3 10.818 3.233 9.648 3.685 8.556 4.137 7.464 4.8 6.472 5.636 5.636"
+          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="M21 14H19.657M9.128 3.47C10.482 3.014 11.925 2.887 13.337 3.099 14.75 3.312 16.092 3.857 17.252 4.69 18.412 5.524 19.357 6.622 20.008 7.893 20.66 9.164 21 10.572 21 12V15.343M2 2 22 22M20.414 20.414C20.039 20.789 19.53 21 19 21H18C17.47 21 16.961 20.789 16.586 20.414 16.211 20.039 16 19.53 16 19V16M3 14H6C6.53 14 7.039 14.211 7.414 14.586 7.789 14.961 8 15.47 8 16V19C8 19.53 7.789 20.039 7.414 20.414 7.039 20.789 6.53 21 6 21H5C4.47 21 3.961 20.789 3.586 20.414 3.211 20.039 3 19.53 3 19V12C3 10.818 3.233 9.648 3.685 8.556 4.137 7.464 4.8 6.472 5.636 5.636"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  console.error(`HeadphoneOff doesn't support ${type}`);
+  return null;
+});
+
+HeadphoneOff.displayName = "HeadphoneOff";
+
+HeadphoneOff.metadata = {
+  name: "HeadphoneOff",
+  category: "stroke/connectivity",
+  tags: ["headphone", "off", "icon"],
+  description: "HeadphoneOff icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default HeadphoneOff;

package/src/stroke/connectivity/Headphones.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Headphones: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Headphones(
+  {
+    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 14H6C6.53043 14 7.03914 14.2107 7.41421 14.5858C7.78929 14.9609 8 15.4696 8 16V19C8 19.5304 7.78929 20.0391 7.41421 20.4142C7.03914 20.7893 6.53043 21 6 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V12C3 9.61305 3.94821 7.32387 5.63604 5.63604C7.32387 3.94821 9.61305 3 12 3C14.3869 3 16.6761 3.94821 18.364 5.63604C20.0518 7.32387 21 9.61305 21 12V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H18C17.4696 21 16.9609 20.7893 16.5858 20.4142C16.2107 20.0391 16 19.5304 16 19V16C16 15.4696 16.2107 14.9609 16.5858 14.5858C16.9609 14.2107 17.4696 14 18 14H21"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Headphones.displayName = "Headphones";
+
+Headphones.metadata = {
+  name: "Headphones",
+  category: "stroke/connectivity",
+  tags: ["headphones", "icon"],
+  description: "Headphones icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Headphones;

package/src/stroke/connectivity/Headset.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Headset: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Headset(
+  {
+    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 11H6C6.53043 11 7.03914 11.2107 7.41421 11.5858C7.78929 11.9609 8 12.4696 8 13V16C8 16.5304 7.78929 17.0391 7.41421 17.4142C7.03914 17.7893 6.53043 18 6 18H5C4.46957 18 3.96086 17.7893 3.58579 17.4142C3.21071 17.0391 3 16.5304 3 16V11ZM3 11C3 9.8181 3.23279 8.64778 3.68508 7.55585C4.13738 6.46392 4.80031 5.47177 5.63604 4.63604C6.47177 3.80031 7.46392 3.13738 8.55585 2.68508C9.64778 2.23279 10.8181 2 12 2C13.1819 2 14.3522 2.23279 15.4442 2.68508C16.5361 3.13738 17.5282 3.80031 18.364 4.63604C19.1997 5.47177 19.8626 6.46392 20.3149 7.55585C20.7672 8.64778 21 9.8181 21 11M21 11V16C21 16.5304 20.7893 17.0391 20.4142 17.4142C20.0391 17.7893 19.5304 18 19 18H18C17.4696 18 16.9609 17.7893 16.5858 17.4142C16.2107 17.0391 16 16.5304 16 16V13C16 12.4696 16.2107 11.9609 16.5858 11.5858C16.9609 11.2107 17.4696 11 18 11H21Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M21 16V18C21 19.0609 20.5786 20.0783 19.8284 20.8284C19.0783 21.5786 18.0609 22 17 22H12"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Headset.displayName = "Headset";
+
+Headset.metadata = {
+  name: "Headset",
+  category: "stroke/connectivity",
+  tags: ["headset", "icon"],
+  description: "Headset icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Headset;

package/src/stroke/connectivity/HouseWifi.tsx

@@ -0,0 +1,119 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface HouseWifiProps extends IconProps {
+  type?: "stroke";
+}
+
+export const HouseWifi: IconComponent<HouseWifiProps> = React.forwardRef<
+  SVGSVGElement,
+  HouseWifiProps
+>(function HouseWifi(
+  {
+    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="M9.5 13.866C10.211 13.299 11.093 12.992 12.002 12.994 12.911 12.995 13.792 13.307 14.5 13.876M12 17H12.01"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M3 9.99999C2.99993 9.70906 3.06333 9.42161 3.18579 9.15771C3.30824 8.8938 3.4868 8.65979 3.709 8.47199L10.709 2.47199C11.07 2.1669 11.5274 1.99951 12 1.99951C12.4726 1.99951 12.93 2.1669 13.291 2.47199L20.291 8.47199C20.5132 8.65979 20.6918 8.8938 20.8142 9.15771C20.9367 9.42161 21.0001 9.70906 21 9.99999V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V9.99999Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M7 10.754C8.4189 9.61797 10.1824 8.99899 12 8.99899C13.8176 8.99899 15.5811 9.61797 17 10.754"
+          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="M9.5 13.866C10.211 13.299 11.093 12.992 12.002 12.994 12.911 12.995 13.792 13.307 14.5 13.876M12 17H12.01"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M3 9.99999C2.99993 9.70906 3.06333 9.42161 3.18579 9.15771C3.30824 8.8938 3.4868 8.65979 3.709 8.47199L10.709 2.47199C11.07 2.1669 11.5274 1.99951 12 1.99951C12.4726 1.99951 12.93 2.1669 13.291 2.47199L20.291 8.47199C20.5132 8.65979 20.6918 8.8938 20.8142 9.15771C20.9367 9.42161 21.0001 9.70906 21 9.99999V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V9.99999Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M7 10.754C8.4189 9.61797 10.1824 8.99899 12 8.99899C13.8176 8.99899 15.5811 9.61797 17 10.754"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  console.error(`HouseWifi doesn't support ${type}`);
+  return null;
+});
+
+HouseWifi.displayName = "HouseWifi";
+
+HouseWifi.metadata = {
+  name: "HouseWifi",
+  category: "stroke/connectivity",
+  tags: ["house", "wifi", "icon"],
+  description: "HouseWifi icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default HouseWifi;

package/src/stroke/connectivity/Mic.tsx

@@ -0,0 +1,107 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface MicProps extends IconProps {
+  type?: "stroke";
+}
+
+export const Mic: IconComponent<MicProps> = React.forwardRef<
+  SVGSVGElement,
+  MicProps
+>(function Mic(
+  {
+    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="M12 19V22M19 10V12C19 13.857 18.263 15.637 16.95 16.95 15.637 18.263 13.857 19 12 19 10.144 19 8.363 18.263 7.05 16.95 5.738 15.637 5 13.857 5 12V10"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M15 5C15 3.34315 13.6569 2 12 2C10.3431 2 9 3.34315 9 5V12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12V5Z"
+          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="M12 19V22M19 10V12C19 13.857 18.263 15.637 16.95 16.95 15.637 18.263 13.857 19 12 19 10.144 19 8.363 18.263 7.05 16.95 5.738 15.637 5 13.857 5 12V10"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M15 5C15 3.34315 13.6569 2 12 2C10.3431 2 9 3.34315 9 5V12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12V5Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  console.error(`Mic doesn't support ${type}`);
+  return null;
+});
+
+Mic.displayName = "Mic";
+
+Mic.metadata = {
+  name: "Mic",
+  category: "stroke/connectivity",
+  tags: ["mic", "icon"],
+  description: "Mic icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Mic;

package/src/stroke/connectivity/MicOff.tsx

@@ -0,0 +1,107 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface MicOffProps extends IconProps {
+  type?: "stroke";
+}
+
+export const MicOff: IconComponent<MicOffProps> = React.forwardRef<
+  SVGSVGElement,
+  MicOffProps
+>(function MicOff(
+  {
+    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="M12 19V22M15 9.34V5C14.996 4.326 14.765 3.674 14.345 3.147 13.925 2.621 13.34 2.251 12.684 2.097 12.028 1.943 11.34 2.015 10.73 2.3 10.119 2.586 9.623 3.068 9.32 3.67M16.95 16.95C15.971 17.929 14.724 18.596 13.366 18.866 12.008 19.136 10.6 18.998 9.321 18.468 8.042 17.938 6.949 17.041 6.18 15.889 5.41 14.738 5 13.385 5 12V10M18.89 13.23C18.963 12.824 19 12.412 19 12V10M2 2 22 22"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M9 9V12C9.00052 12.593 9.17675 13.1725 9.50643 13.6653C9.83611 14.1582 10.3045 14.5423 10.8523 14.7691C11.4002 14.996 12.0029 15.0554 12.5845 14.9399C13.1661 14.8243 13.7005 14.539 14.12 14.12"
+          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="M12 19V22M15 9.34V5C14.996 4.326 14.765 3.674 14.345 3.147 13.925 2.621 13.34 2.251 12.684 2.097 12.028 1.943 11.34 2.015 10.73 2.3 10.119 2.586 9.623 3.068 9.32 3.67M16.95 16.95C15.971 17.929 14.724 18.596 13.366 18.866 12.008 19.136 10.6 18.998 9.321 18.468 8.042 17.938 6.949 17.041 6.18 15.889 5.41 14.738 5 13.385 5 12V10M18.89 13.23C18.963 12.824 19 12.412 19 12V10M2 2 22 22"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M9 9V12C9.00052 12.593 9.17675 13.1725 9.50643 13.6653C9.83611 14.1582 10.3045 14.5423 10.8523 14.7691C11.4002 14.996 12.0029 15.0554 12.5845 14.9399C13.1661 14.8243 13.7005 14.539 14.12 14.12"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  console.error(`MicOff doesn't support ${type}`);
+  return null;
+});
+
+MicOff.displayName = "MicOff";
+
+MicOff.metadata = {
+  name: "MicOff",
+  category: "stroke/connectivity",
+  tags: ["mic", "off", "icon"],
+  description: "MicOff icon from stroke/connectivity category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default MicOff;