@aliimam/icons 0.0.6 → 0.0.7

package/src/stroke/accountsAccess/UsersRound.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const UsersRound: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function UsersRound(
+  {
+    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 21C18 18.878 17.157 16.843 15.657 15.343 14.157 13.843 12.122 13 10 13 7.878 13 5.843 13.843 4.343 15.343 2.843 16.843 2 18.878 2 21M10 13C12.761 13 15 10.761 15 8 15 5.239 12.761 3 10 3 7.239 3 5 5.239 5 8 5 10.761 7.239 13 10 13ZM22 20C22 16.63 20 13.5 18 12 18.657 11.507 19.183 10.859 19.531 10.114 19.878 9.369 20.037 8.55 19.992 7.73 19.948 6.909 19.701 6.112 19.276 5.409 18.85 4.706 18.257 4.119 17.55 3.7"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+UsersRound.displayName = "UsersRound";
+
+UsersRound.metadata = {
+  name: "UsersRound",
+  category: "stroke/accountsAccess",
+  tags: ["users", "round", "icon"],
+  description: "UsersRound icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default UsersRound;

package/src/stroke/accountsAccess/VenetianMask.tsx

@@ -0,0 +1,70 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const VenetianMask: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function VenetianMask(
+  {
+    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 11C16.5 11 15.5 11.5 15 13"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M4 6C3.46957 6 2.96086 6.21071 2.58579 6.58579C2.21071 6.96086 2 7.46957 2 8V12C2 13.3261 2.52678 14.5979 3.46447 15.5355C4.40215 16.4732 5.67392 17 7 17C8.84771 17.0688 10.6145 17.7756 12 19C13.3855 17.7756 15.1523 17.0688 17 17C18.3261 17 19.5979 16.4732 20.5355 15.5355C21.4732 14.5979 22 13.3261 22 12V8C22 7.46957 21.7893 6.96086 21.4142 6.58579C21.0391 6.21071 20.5304 6 20 6H17C15.1523 6.06882 13.3855 6.77556 12 8C10.6145 6.77556 8.84771 6.06882 7 6H4Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M6 11C7.5 11 8.5 11.5 9 13"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+VenetianMask.displayName = "VenetianMask";
+
+VenetianMask.metadata = {
+  name: "VenetianMask",
+  category: "stroke/accountsAccess",
+  tags: ["venetian", "mask", "icon"],
+  description: "VenetianMask icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default VenetianMask;

package/src/stroke/accountsAccess/Vibrate.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Vibrate: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Vibrate(
+  {
+    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="M2 8 4 10 2 12 4 14 2 16M22 8 20 10 22 12 20 14 22 16M15 5H9C8.448 5 8 5.448 8 6V18C8 18.552 8.448 19 9 19H15C15.552 19 16 18.552 16 18V6C16 5.448 15.552 5 15 5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Vibrate.displayName = "Vibrate";
+
+Vibrate.metadata = {
+  name: "Vibrate",
+  category: "stroke/accountsAccess",
+  tags: ["vibrate", "icon"],
+  description: "Vibrate icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Vibrate;

package/src/stroke/accountsAccess/VibrateOff.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const VibrateOff: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function VibrateOff(
+  {
+    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="M2 8 4 10 2 12 4 14 2 16M22 8 20 10 22 12 20 14 22 16M8 8V18C8 18.55 8.45 19 9 19H15C15.55 19 16 18.55 16 18V16M16 10.34V6C16 5.45 15.55 5 15 5H10.66M2 2 22 22"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+VibrateOff.displayName = "VibrateOff";
+
+VibrateOff.metadata = {
+  name: "VibrateOff",
+  category: "stroke/accountsAccess",
+  tags: ["vibrate", "off", "icon"],
+  description: "VibrateOff icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default VibrateOff;

package/src/stroke/accountsAccess/Wallet.tsx

@@ -0,0 +1,63 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Wallet: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Wallet(
+    {
+      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 7V4C19 3.73478 18.8946 3.48043 18.7071 3.29289C18.5196 3.10536 18.2652 3 18 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5C3 5.53043 3.21071 6.03914 3.58579 6.41421C3.96086 6.78929 4.46957 7 5 7H20C20.2652 7 20.5196 7.10536 20.7071 7.29289C20.8946 7.48043 21 7.73478 21 8V12M21 12H18C17.4696 12 16.9609 12.2107 16.5858 12.5858C16.2107 12.9609 16 13.4696 16 14C16 14.5304 16.2107 15.0391 16.5858 15.4142C16.9609 15.7893 17.4696 16 18 16H21C21.2652 16 21.5196 15.8946 21.7071 15.7071C21.8946 15.5196 22 15.2652 22 15V13C22 12.7348 21.8946 12.4804 21.7071 12.2929C21.5196 12.1054 21.2652 12 21 12Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H20C20.2652 21 20.5196 20.8946 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V16"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Wallet.displayName = "Wallet";
+
+Wallet.metadata = {
+  name: "Wallet",
+  category: "stroke/accountsAccess",
+  tags: ["wallet", "icon"],
+  description: "Wallet icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Wallet;

package/src/stroke/accountsAccess/WalletCards.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const WalletCards: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function WalletCards(
+  {
+    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 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M3 9C3 8.47 3.211 7.961 3.586 7.586 3.961 7.211 4.47 7 5 7H19C19.53 7 20.039 7.211 20.414 7.586 20.789 7.961 21 8.47 21 9M3 11H6C6.8 11 7.6 11.3 8.1 11.9L9.2 12.8C10.8 14.4 13.3 14.4 14.9 12.8L16 11.9C16.5 11.4 17.3 11 18.1 11H21"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+WalletCards.displayName = "WalletCards";
+
+WalletCards.metadata = {
+  name: "WalletCards",
+  category: "stroke/accountsAccess",
+  tags: ["wallet", "cards", "icon"],
+  description: "WalletCards icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default WalletCards;

package/src/stroke/accountsAccess/WalletMinimal.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const WalletMinimal: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function WalletMinimal(
+  {
+    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 14H17.01M7 7H19C19.53 7 20.039 7.211 20.414 7.586 20.789 7.961 21 8.47 21 9V19C21 19.53 20.789 20.039 20.414 20.414 20.039 20.789 19.53 21 19 21H5C4.47 21 3.961 20.789 3.586 20.414 3.211 20.039 3 19.53 3 19V5C3 4.47 3.211 3.961 3.586 3.586 3.961 3.211 4.47 3 5 3H19"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+WalletMinimal.displayName = "WalletMinimal";
+
+WalletMinimal.metadata = {
+  name: "WalletMinimal",
+  category: "stroke/accountsAccess",
+  tags: ["wallet", "minimal", "icon"],
+  description: "WalletMinimal icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default WalletMinimal;

package/src/stroke/accountsAccess/Wallpaper.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Wallpaper: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Wallpaper(
+  {
+    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 21H16M9 17 15.1 10.9C15.476 10.532 15.981 10.327 16.507 10.328 17.033 10.33 17.537 10.539 17.91 10.91L22 15M8 11C9.105 11 10 10.105 10 9 10 7.895 9.105 7 8 7 6.895 7 6 7.895 6 9 6 10.105 6.895 11 8 11Z"
+        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>
+  );
+});
+
+Wallpaper.displayName = "Wallpaper";
+
+Wallpaper.metadata = {
+  name: "Wallpaper",
+  category: "stroke/accountsAccess",
+  tags: ["wallpaper", "icon"],
+  description: "Wallpaper icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Wallpaper;

package/src/stroke/accountsAccess/Waypoints.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Waypoints: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Waypoints(
+  {
+    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 7C13.381 7 14.5 5.881 14.5 4.5 14.5 3.119 13.381 2 12 2 10.619 2 9.5 3.119 9.5 4.5 9.5 5.881 10.619 7 12 7ZM10.2 6.3 6.3 10.2M4.5 14.5C5.881 14.5 7 13.381 7 12 7 10.619 5.881 9.5 4.5 9.5 3.119 9.5 2 10.619 2 12 2 13.381 3.119 14.5 4.5 14.5ZM7 12H17M19.5 14.5C20.881 14.5 22 13.381 22 12 22 10.619 20.881 9.5 19.5 9.5 18.119 9.5 17 10.619 17 12 17 13.381 18.119 14.5 19.5 14.5ZM13.8 17.7 17.7 13.8M12 22C13.381 22 14.5 20.881 14.5 19.5 14.5 18.119 13.381 17 12 17 10.619 17 9.5 18.119 9.5 19.5 9.5 20.881 10.619 22 12 22Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Waypoints.displayName = "Waypoints";
+
+Waypoints.metadata = {
+  name: "Waypoints",
+  category: "stroke/accountsAccess",
+  tags: ["waypoints", "icon"],
+  description: "Waypoints icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Waypoints;

package/src/stroke/accountsAccess/Webhook.tsx

@@ -0,0 +1,70 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Webhook: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Webhook(
+  {
+    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 16.98H12.01C10.91 16.98 10.06 17.92 9.53 18.88C9.11045 19.6672 8.43979 20.2917 7.62462 20.654C6.80945 21.0163 5.89656 21.0957 5.03107 20.8796C4.16558 20.6635 3.39715 20.1643 2.84795 19.4614C2.29874 18.7584 2.00028 17.8921 2 17C2.01 16.3 2.2 15.6 2.57 15"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M6 17L9.13 11.22C9.66 10.25 9.23 9.04 8.63 8.12C8.34681 7.6671 8.15721 7.16207 8.07236 6.63471C7.98751 6.10734 8.00915 5.56833 8.13599 5.04946C8.26283 4.5306 8.49231 4.04239 8.81088 3.61365C9.12946 3.1849 9.53068 2.82431 9.99087 2.55314C10.4511 2.28196 10.9609 2.10571 11.4903 2.03476C12.0197 1.96382 12.558 1.99963 13.0733 2.14008C13.5887 2.28053 14.0707 2.52277 14.4909 2.85252C14.9111 3.18226 15.261 3.59283 15.52 4.06"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M12 6L15.13 11.73C15.66 12.7 16.9 13 18 13C19.0609 13 20.0783 13.4214 20.8284 14.1716C21.5786 14.9217 22 15.9391 22 17C22 18.0609 21.5786 19.0783 20.8284 19.8284C20.0783 20.5786 19.0609 21 18 21"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Webhook.displayName = "Webhook";
+
+Webhook.metadata = {
+  name: "Webhook",
+  category: "stroke/accountsAccess",
+  tags: ["webhook", "icon"],
+  description: "Webhook icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Webhook;

package/src/stroke/accountsAccess/WebhookOff.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const WebhookOff: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function WebhookOff(
+  {
+    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 17H12C10.91 16.98 10.06 17.92 9.5 18.9 9.244 19.355 8.901 19.755 8.49 20.078 8.079 20.4 7.609 20.638 7.106 20.779 6.603 20.92 6.078 20.96 5.559 20.898 5.041 20.835 4.54 20.671 4.085 20.415 3.63 20.159 3.23 19.816 2.907 19.405 2.585 18.994 2.347 18.524 2.206 18.021 2.065 17.518 2.025 16.993 2.088 16.474 2.15 15.956 2.314 15.455 2.57 15M9 3.4C9.42 2.913 9.951 2.535 10.549 2.297 11.146 2.059 11.792 1.968 12.432 2.033 13.072 2.098 13.686 2.316 14.224 2.669 14.762 3.021 15.206 3.499 15.52 4.06"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M6 17 9.1 11.2C9.254 10.882 9.339 10.535 9.348 10.181 9.358 9.828 9.293 9.476 9.157 9.15M20.3 20.3C19.623 20.764 18.82 21.008 18 21M18.6 13C19.453 13.131 20.241 13.534 20.846 14.149 21.451 14.765 21.841 15.559 21.957 16.414M12 6 12.6 7M2 2 22 22"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+WebhookOff.displayName = "WebhookOff";
+
+WebhookOff.metadata = {
+  name: "WebhookOff",
+  category: "stroke/accountsAccess",
+  tags: ["webhook", "off", "icon"],
+  description: "WebhookOff icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default WebhookOff;