@aliimam/icons 0.1.3 → 0.1.4

package/src/stroke/codingDevelopment/Rocket.tsx

@@ -0,0 +1,63 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Rocket: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Rocket(
+    {
+      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="M4.5 16.5C3 17.76 2.5 21.5 2.5 21.5 2.5 21.5 6.24 21 7.5 19.5 8.21 18.66 8.2 17.37 7.41 16.59 7.021 16.219 6.509 16.005 5.972 15.988 5.435 15.971 4.911 16.154 4.5 16.5ZM12 15 9 12C9.532 10.619 10.202 9.296 11 8.05 12.165 6.187 13.788 4.653 15.713 3.594 17.638 2.535 19.803 1.986 22 2 22 4.72 21.22 9.5 16 13 14.737 13.799 13.397 14.469 12 15Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M9 12H4C4 12 4.55 8.97 6 8 7.62 6.92 11 8 11 8M12 15V20C12 20 15.03 19.45 16 18 17.08 16.38 16 13 16 13"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Rocket.displayName = "Rocket";
+
+Rocket.metadata = {
+  name: "Rocket",
+  category: "stroke/codingDevelopment",
+  tags: ["rocket", "icon"],
+  description: "Rocket icon from stroke/codingDevelopment category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Rocket;

package/src/stroke/codingDevelopment/Router.tsx

@@ -0,0 +1,95 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface RouterProps extends IconProps {
+  type?: "stroke";
+}
+
+export const Router: IconComponent<RouterProps> = React.forwardRef<
+  SVGSVGElement,
+  RouterProps
+>(function Router(
+  {
+    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="M20 14H4C2.895 14 2 14.895 2 16V20C2 21.105 2.895 22 4 22H20C21.105 22 22 21.105 22 20V16C22 14.895 21.105 14 20 14ZM6.01 18H6M10.01 18H10M15 10V14M17.84 7.17C17.468 6.798 17.027 6.503 16.542 6.302 16.056 6.1 15.536 5.997 15.01 5.997 14.484 5.997 13.964 6.1 13.478 6.302 12.993 6.503 12.551 6.798 12.18 7.17M20.66 4.34C19.16 2.841 17.126 1.999 15.005 1.999 12.884 1.999 10.85 2.841 9.35 4.34"
+          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="M20 14H4C2.895 14 2 14.895 2 16V20C2 21.105 2.895 22 4 22H20C21.105 22 22 21.105 22 20V16C22 14.895 21.105 14 20 14ZM6.01 18H6M10.01 18H10M15 10V14M17.84 7.17C17.469 6.798 17.027 6.503 16.542 6.302 16.056 6.1 15.536 5.997 15.01 5.997 14.484 5.997 13.964 6.1 13.478 6.302 12.993 6.503 12.552 6.798 12.18 7.17M20.66 4.34C19.16 2.841 17.126 1.999 15.005 1.999 12.884 1.999 10.85 2.841 9.35 4.34"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  console.error(`Router doesn't support ${type}`);
+  return null;
+});
+
+Router.displayName = "Router";
+
+Router.metadata = {
+  name: "Router",
+  category: "stroke/codingDevelopment",
+  tags: ["router", "icon"],
+  description: "Router icon from stroke/codingDevelopment category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Router;

package/src/stroke/codingDevelopment/Rss.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Rss: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Rss(
+    {
+      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="M4 11C6.387 11 8.676 11.948 10.364 13.636 12.052 15.324 13 17.613 13 20M4 4C8.243 4 12.313 5.686 15.314 8.686 18.314 11.687 20 15.757 20 20M5 20C5.552 20 6 19.552 6 19 6 18.448 5.552 18 5 18 4.448 18 4 18.448 4 19 4 19.552 4.448 20 5 20Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Rss.displayName = "Rss";
+
+Rss.metadata = {
+  name: "Rss",
+  category: "stroke/codingDevelopment",
+  tags: ["rss", "icon"],
+  description: "Rss icon from stroke/codingDevelopment category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Rss;

package/src/stroke/codingDevelopment/Scroll.tsx

@@ -0,0 +1,63 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Scroll: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Scroll(
+    {
+      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 17V5C19 4.46957 18.7893 3.96086 18.4142 3.58579C18.0391 3.21071 17.5304 3 17 3H4"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M8 21H20C20.5304 21 21.0391 20.7893 21.4142 20.4142C21.7893 20.0391 22 19.5304 22 19V18C22 17.7348 21.8946 17.4804 21.7071 17.2929C21.5196 17.1054 21.2652 17 21 17H11C10.7348 17 10.4804 17.1054 10.2929 17.2929C10.1054 17.4804 10 17.7348 10 18V19C10 19.5304 9.78929 20.0391 9.41421 20.4142C9.03914 20.7893 8.53043 21 8 21ZM8 21C7.46957 21 6.96086 20.7893 6.58579 20.4142C6.21071 20.0391 6 19.5304 6 19V5C6 4.46957 5.78929 3.96086 5.41421 3.58579C5.03914 3.21071 4.53043 3 4 3C3.46957 3 2.96086 3.21071 2.58579 3.58579C2.21071 3.96086 2 4.46957 2 5V7C2 7.26522 2.10536 7.51957 2.29289 7.70711C2.48043 7.89464 2.73478 8 3 8H6"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Scroll.displayName = "Scroll";
+
+Scroll.metadata = {
+  name: "Scroll",
+  category: "stroke/codingDevelopment",
+  tags: ["scroll", "icon"],
+  description: "Scroll icon from stroke/codingDevelopment category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Scroll;

package/src/stroke/codingDevelopment/ScrollText.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ScrollText: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ScrollText(
+  {
+    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 12H10M15 8H10M19 17V5C19 4.47 18.789 3.961 18.414 3.586 18.039 3.211 17.53 3 17 3H4"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M8 21H20C20.5304 21 21.0391 20.7893 21.4142 20.4142C21.7893 20.0391 22 19.5304 22 19V18C22 17.7348 21.8946 17.4804 21.7071 17.2929C21.5196 17.1054 21.2652 17 21 17H11C10.7348 17 10.4804 17.1054 10.2929 17.2929C10.1054 17.4804 10 17.7348 10 18V19C10 19.5304 9.78929 20.0391 9.41421 20.4142C9.03914 20.7893 8.53043 21 8 21ZM8 21C7.46957 21 6.96086 20.7893 6.58579 20.4142C6.21071 20.0391 6 19.5304 6 19V5C6 4.46957 5.78929 3.96086 5.41421 3.58579C5.03914 3.21071 4.53043 3 4 3C3.46957 3 2.96086 3.21071 2.58579 3.58579C2.21071 3.96086 2 4.46957 2 5V7C2 7.26522 2.10536 7.51957 2.29289 7.70711C2.48043 7.89464 2.73478 8 3 8H6"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ScrollText.displayName = "ScrollText";
+
+ScrollText.metadata = {
+  name: "ScrollText",
+  category: "stroke/codingDevelopment",
+  tags: ["scroll", "text", "icon"],
+  description: "ScrollText icon from stroke/codingDevelopment category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ScrollText;

package/src/stroke/codingDevelopment/SearchCode.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const SearchCode: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function SearchCode(
+  {
+    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="M13 13.5 15 11 13 8.5M21 21 16.7 16.7M9 8.5 7 11 9 13.5"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+SearchCode.displayName = "SearchCode";
+
+SearchCode.metadata = {
+  name: "SearchCode",
+  category: "stroke/codingDevelopment",
+  tags: ["search", "code", "icon"],
+  description: "SearchCode icon from stroke/codingDevelopment category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default SearchCode;

package/src/stroke/codingDevelopment/Server.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Server: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Server(
+    {
+      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 2H4C2.895 2 2 2.895 2 4V8C2 9.105 2.895 10 4 10H20C21.105 10 22 9.105 22 8V4C22 2.895 21.105 2 20 2ZM20 14H4C2.895 14 2 14.895 2 16V20C2 21.105 2.895 22 4 22H20C21.105 22 22 21.105 22 20V16C22 14.895 21.105 14 20 14ZM6 6H6.01M6 18H6.01"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Server.displayName = "Server";
+
+Server.metadata = {
+  name: "Server",
+  category: "stroke/codingDevelopment",
+  tags: ["server", "icon"],
+  description: "Server icon from stroke/codingDevelopment category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Server;

package/src/stroke/codingDevelopment/ServerCog.tsx

@@ -0,0 +1,70 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ServerCog: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ServerCog(
+  {
+    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.852 14.772 10.469 15.695M13.148 14.772C13.512 14.621 13.843 14.4 14.121 14.122 14.4 13.843 14.621 13.512 14.772 13.148 14.923 12.784 15 12.394 15 12 15 11.606 14.923 11.216 14.772 10.852 14.621 10.488 14.4 10.157 14.122 9.879 13.843 9.6 13.512 9.379 13.148 9.228 12.784 9.077 12.394 9 12 9 11.606 9 11.216 9.077 10.852 9.228L10.469 8.305M13.148 9.228 13.531 8.305"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M13.53 15.696 13.148 14.772C12.784 14.923 12.394 15 12 15 11.606 15 11.216 14.923 10.852 14.772 10.488 14.621 10.157 14.4 9.878 14.121 9.6 13.843 9.379 13.512 9.228 13.148 9.077 12.784 9 12.394 9 12 9 11.606 9.077 11.216 9.228 10.852 9.379 10.488 9.6 10.157 9.879 9.878 10.157 9.6 10.488 9.379 10.852 9.228M14.772 10.852 15.695 10.469M14.772 13.148 15.695 13.531"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M4.5 10H4C3.47 10 2.961 9.789 2.586 9.414 2.211 9.039 2 8.53 2 8V4C2 3.47 2.211 2.961 2.586 2.586 2.961 2.211 3.47 2 4 2H20C20.53 2 21.039 2.211 21.414 2.586 21.789 2.961 22 3.47 22 4V8C22 8.53 21.789 9.039 21.414 9.414 21.039 9.789 20.53 10 20 10H19.5M4.5 14H4C3.47 14 2.961 14.211 2.586 14.586 2.211 14.961 2 15.47 2 16V20C2 20.53 2.211 21.039 2.586 21.414 2.961 21.789 3.47 22 4 22H20C20.53 22 21.039 21.789 21.414 21.414 21.789 21.039 22 20.53 22 20V16C22 15.47 21.789 14.961 21.414 14.586 21.039 14.211 20.53 14 20 14H19.5M6 18H6.01M6 6H6.01M9.228 10.852 8.305 10.469M9.228 13.148 8.305 13.531"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ServerCog.displayName = "ServerCog";
+
+ServerCog.metadata = {
+  name: "ServerCog",
+  category: "stroke/codingDevelopment",
+  tags: ["server", "cog", "icon"],
+  description: "ServerCog icon from stroke/codingDevelopment category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ServerCog;

package/src/stroke/codingDevelopment/ServerCrash.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ServerCrash: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ServerCrash(
+  {
+    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="M6 10H4C3.47 10 2.961 9.789 2.586 9.414 2.211 9.039 2 8.53 2 8V4C2 3.47 2.211 2.961 2.586 2.586 2.961 2.211 3.47 2 4 2H20C20.53 2 21.039 2.211 21.414 2.586 21.789 2.961 22 3.47 22 4V8C22 8.53 21.789 9.039 21.414 9.414 21.039 9.789 20.53 10 20 10H18M6 14H4C3.47 14 2.961 14.211 2.586 14.586 2.211 14.961 2 15.47 2 16V20C2 20.53 2.211 21.039 2.586 21.414 2.961 21.789 3.47 22 4 22H20C20.53 22 21.039 21.789 21.414 21.414 21.789 21.039 22 20.53 22 20V16C22 15.47 21.789 14.961 21.414 14.586 21.039 14.211 20.53 14 20 14H18M6 6H6.01M6 18H6.01"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M13 6L9 12H15L11 18"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ServerCrash.displayName = "ServerCrash";
+
+ServerCrash.metadata = {
+  name: "ServerCrash",
+  category: "stroke/codingDevelopment",
+  tags: ["server", "crash", "icon"],
+  description: "ServerCrash icon from stroke/codingDevelopment category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ServerCrash;

package/src/stroke/codingDevelopment/ServerOff.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ServerOff: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ServerOff(
+  {
+    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="M7 2H20C20.53 2 21.039 2.211 21.414 2.586 21.789 2.961 22 3.47 22 4V8C22 8.53 21.789 9.039 21.414 9.414 21.039 9.789 20.53 10 20 10H15M10 10 2.5 2.5C2 2 2 2.5 2 5V8C2 8.53 2.211 9.039 2.586 9.414 2.961 9.789 3.47 10 4 10H10ZM22 17V16C22 15.47 21.789 14.961 21.414 14.586 21.039 14.211 20.53 14 20 14H19M4 14C3.47 14 2.961 14.211 2.586 14.586 2.211 14.961 2 15.47 2 16V20C2 20.53 2.211 21.039 2.586 21.414 2.961 21.789 3.47 22 4 22H20.5L21.5 21.5 22 22 14 14H4ZM6 18H6.01M2 2 22 22"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ServerOff.displayName = "ServerOff";
+
+ServerOff.metadata = {
+  name: "ServerOff",
+  category: "stroke/codingDevelopment",
+  tags: ["server", "off", "icon"],
+  description: "ServerOff icon from stroke/codingDevelopment category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ServerOff;