@aliimam/icons 0.0.6 → 0.0.8

package/src/stroke/accountsAccess/SlidersHorizontal.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const SlidersHorizontal: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function SlidersHorizontal(
+  {
+    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 5H3M12 19H3M14 3V7M16 17V21M21 12H12M21 19H16M21 5H14M8 10V14M8 12H3"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+SlidersHorizontal.displayName = "SlidersHorizontal";
+
+SlidersHorizontal.metadata = {
+  name: "SlidersHorizontal",
+  category: "stroke/accountsAccess",
+  tags: ["sliders", "horizontal", "icon"],
+  description: "SlidersHorizontal icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default SlidersHorizontal;

package/src/stroke/accountsAccess/SlidersVertical.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const SlidersVertical: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function SlidersVertical(
+  {
+    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 8H14M12 21V12M12 8V3M17 16H21M19 12V3M19 21V16M3 14H7M5 10V3M5 21V14"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+SlidersVertical.displayName = "SlidersVertical";
+
+SlidersVertical.metadata = {
+  name: "SlidersVertical",
+  category: "stroke/accountsAccess",
+  tags: ["sliders", "vertical", "icon"],
+  description: "SlidersVertical icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default SlidersVertical;

package/src/stroke/accountsAccess/Smile.tsx

@@ -0,0 +1,63 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Smile: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Smile(
+    {
+      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 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M8 14C8 14 9.5 16 12 16 14.5 16 16 14 16 14M9 9H9.01M15 9H15.01"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Smile.displayName = "Smile";
+
+Smile.metadata = {
+  name: "Smile",
+  category: "stroke/accountsAccess",
+  tags: ["smile", "icon"],
+  description: "Smile icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Smile;

package/src/stroke/accountsAccess/SquareUser.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const SquareUser: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function SquareUser(
+  {
+    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="M12 13C13.657 13 15 11.657 15 10 15 8.343 13.657 7 12 7 10.343 7 9 8.343 9 10 9 11.657 10.343 13 12 13ZM7 21V19C7 18.47 7.211 17.961 7.586 17.586 7.961 17.211 8.47 17 9 17H15C15.53 17 16.039 17.211 16.414 17.586 16.789 17.961 17 18.47 17 19V21"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+SquareUser.displayName = "SquareUser";
+
+SquareUser.metadata = {
+  name: "SquareUser",
+  category: "stroke/accountsAccess",
+  tags: ["square", "user", "icon"],
+  description: "SquareUser icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default SquareUser;

package/src/stroke/accountsAccess/SquareUserRound.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const SquareUserRound: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function SquareUserRound(
+  {
+    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 19.409 17.368 17.883 16.243 16.757 15.117 15.632 13.591 15 12 15 10.409 15 8.883 15.632 7.757 16.757 6.632 17.883 6 19.409 6 21M12 15C14.209 15 16 13.209 16 11 16 8.791 14.209 7 12 7 9.791 7 8 8.791 8 11 8 13.209 9.791 15 12 15Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <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"
+      />
+    </svg>
+  );
+});
+
+SquareUserRound.displayName = "SquareUserRound";
+
+SquareUserRound.metadata = {
+  name: "SquareUserRound",
+  category: "stroke/accountsAccess",
+  tags: ["square", "user", "round", "icon"],
+  description: "SquareUserRound icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default SquareUserRound;

package/src/stroke/accountsAccess/Star.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Star: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Star(
+    {
+      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="M11.525 2.29502C11.5688 2.20648 11.6365 2.13195 11.7205 2.07984C11.8044 2.02773 11.9012 2.00012 12 2.00012C12.0988 2.00012 12.1956 2.02773 12.2795 2.07984C12.3635 2.13195 12.4312 2.20648 12.475 2.29502L14.785 6.97402C14.9372 7.28198 15.1618 7.54842 15.4396 7.75047C15.7174 7.95251 16.0401 8.08413 16.38 8.13402L21.546 8.89002C21.6439 8.9042 21.7358 8.94549 21.8115 9.00921C21.8871 9.07294 21.9434 9.15656 21.974 9.25062C22.0046 9.34468 22.0083 9.44542 21.9846 9.54145C21.9609 9.63748 21.9108 9.72497 21.84 9.79402L18.104 13.432C17.8576 13.6721 17.6733 13.9685 17.5668 14.2956C17.4604 14.6228 17.4351 14.9709 17.493 15.31L18.375 20.45C18.3923 20.5479 18.3817 20.6486 18.3445 20.7407C18.3073 20.8328 18.2449 20.9126 18.1645 20.971C18.0842 21.0294 17.989 21.064 17.8899 21.0709C17.7908 21.0778 17.6917 21.0567 17.604 21.01L12.986 18.582C12.6817 18.4222 12.3432 18.3388 11.9995 18.3388C11.6558 18.3388 11.3173 18.4222 11.013 18.582L6.396 21.01C6.30833 21.0564 6.2094 21.0773 6.11045 21.0703C6.0115 21.0632 5.91652 21.0286 5.83629 20.9702C5.75607 20.9119 5.69383 20.8322 5.65666 20.7402C5.61948 20.6483 5.60886 20.5477 5.626 20.45L6.507 15.311C6.5652 14.9717 6.53998 14.6234 6.43354 14.2961C6.32709 13.9687 6.14261 13.6722 5.896 13.432L2.16 9.79502C2.08859 9.72605 2.03799 9.63841 2.01396 9.54209C1.98993 9.44577 1.99344 9.34463 2.02408 9.25021C2.05472 9.15578 2.11127 9.07186 2.18728 9.008C2.26329 8.94414 2.3557 8.90291 2.454 8.88902L7.619 8.13402C7.95926 8.08451 8.28239 7.95307 8.56058 7.751C8.83878 7.54893 9.0637 7.28229 9.216 6.97402L11.525 2.29502Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Star.displayName = "Star";
+
+Star.metadata = {
+  name: "Star",
+  category: "stroke/accountsAccess",
+  tags: ["star", "icon"],
+  description: "Star icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Star;

package/src/stroke/accountsAccess/Tag.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Tag: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Tag(
+    {
+      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.586 2.586C12.211 2.2109 11.7024 2.00011 11.172 2H4C3.46957 2 2.96086 2.21071 2.58579 2.58579C2.21071 2.96086 2 3.46957 2 4V11.172C2.00011 11.7024 2.2109 12.211 2.586 12.586L11.29 21.29C11.7445 21.7416 12.3592 21.9951 13 21.9951C13.6408 21.9951 14.2555 21.7416 14.71 21.29L21.29 14.71C21.7416 14.2555 21.9951 13.6408 21.9951 13C21.9951 12.3592 21.7416 11.7445 21.29 11.29L12.586 2.586Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M7.5 8C7.77614 8 8 7.77614 8 7.5C8 7.22386 7.77614 7 7.5 7C7.22386 7 7 7.22386 7 7.5C7 7.77614 7.22386 8 7.5 8Z"
+          fill="currentColor"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Tag.displayName = "Tag";
+
+Tag.metadata = {
+  name: "Tag",
+  category: "stroke/accountsAccess",
+  tags: ["tag", "icon"],
+  description: "Tag icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Tag;

package/src/stroke/accountsAccess/Tags.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Tags: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Tags(
+    {
+      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.172 2C13.702 2 14.211 2.211 14.586 2.586L21.296 9.296C21.521 9.519 21.7 9.785 21.821 10.077 21.943 10.37 22.006 10.683 22.006 11 22.006 11.317 21.943 11.631 21.821 11.923 21.7 12.215 21.521 12.481 21.296 12.704L16.704 17.296C16.481 17.521 16.215 17.7 15.923 17.821 15.631 17.943 15.317 18.006 15 18.006 14.683 18.006 14.37 17.943 14.077 17.821 13.785 17.7 13.519 17.521 13.296 17.296L6.586 10.586C6.211 10.211 6 9.702 6 9.172V3C6 2.735 6.105 2.48 6.293 2.293 6.48 2.105 6.735 2 7 2H13.172ZM2 7V13.172C2 13.702 2.211 14.211 2.586 14.586L9.296 21.296C9.711 21.715 10.266 21.966 10.855 22.001 11.443 22.037 12.024 21.854 12.487 21.489"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M10.5 7C10.7761 7 11 6.77614 11 6.5C11 6.22386 10.7761 6 10.5 6C10.2239 6 10 6.22386 10 6.5C10 6.77614 10.2239 7 10.5 7Z"
+          fill="currentColor"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Tags.displayName = "Tags";
+
+Tags.metadata = {
+  name: "Tags",
+  category: "stroke/accountsAccess",
+  tags: ["tags", "icon"],
+  description: "Tags icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Tags;

package/src/stroke/accountsAccess/ThumbsDown.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ThumbsDown: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ThumbsDown(
+  {
+    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 14V2M9 18.12 10 14H4.17C3.86 14 3.553 13.928 3.276 13.789 2.998 13.65 2.756 13.448 2.57 13.2 2.384 12.952 2.258 12.663 2.202 12.358 2.147 12.052 2.163 11.738 2.25 11.44L4.58 3.44C4.701 3.025 4.954 2.66 5.3 2.4 5.646 2.14 6.067 2 6.5 2H20C20.53 2 21.039 2.211 21.414 2.586 21.789 2.961 22 3.47 22 4V12C22 12.53 21.789 13.039 21.414 13.414 21.039 13.789 20.53 14 20 14H17.24C16.868 14 16.503 14.104 16.187 14.3 15.871 14.496 15.616 14.777 15.45 15.11L12 22C11.528 21.994 11.064 21.882 10.642 21.671 10.22 21.461 9.851 21.158 9.563 20.785 9.274 20.412 9.074 19.978 8.976 19.517 8.879 19.055 8.887 18.578 9 18.12Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ThumbsDown.displayName = "ThumbsDown";
+
+ThumbsDown.metadata = {
+  name: "ThumbsDown",
+  category: "stroke/accountsAccess",
+  tags: ["thumbs", "down", "icon"],
+  description: "ThumbsDown icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ThumbsDown;

package/src/stroke/accountsAccess/ThumbsUp.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ThumbsUp: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ThumbsUp(
+  {
+    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 10V22M15 5.88 14 10H19.83C20.141 10 20.447 10.072 20.724 10.211 21.002 10.35 21.244 10.552 21.43 10.8 21.616 11.048 21.742 11.337 21.798 11.642 21.853 11.948 21.837 12.262 21.75 12.56L19.42 20.56C19.299 20.975 19.046 21.34 18.7 21.6 18.354 21.86 17.933 22 17.5 22H4C3.47 22 2.961 21.789 2.586 21.414 2.211 21.039 2 20.53 2 20V12C2 11.47 2.211 10.961 2.586 10.586 2.961 10.211 3.47 10 4 10H6.76C7.132 10 7.497 9.896 7.813 9.7 8.129 9.504 8.384 9.223 8.55 8.89L12 2C12.472 2.006 12.936 2.118 13.358 2.329 13.78 2.539 14.149 2.842 14.437 3.215 14.726 3.588 14.926 4.022 15.024 4.483 15.121 4.945 15.113 5.422 15 5.88Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ThumbsUp.displayName = "ThumbsUp";
+
+ThumbsUp.metadata = {
+  name: "ThumbsUp",
+  category: "stroke/accountsAccess",
+  tags: ["thumbs", "up", "icon"],
+  description: "ThumbsUp icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ThumbsUp;

package/src/stroke/accountsAccess/Ticket.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Ticket: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Ticket(
+    {
+      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 9C2.796 9 3.559 9.316 4.121 9.879 4.684 10.441 5 11.204 5 12 5 12.796 4.684 13.559 4.121 14.121 3.559 14.684 2.796 15 2 15V17C2 17.53 2.211 18.039 2.586 18.414 2.961 18.789 3.47 19 4 19H20C20.53 19 21.039 18.789 21.414 18.414 21.789 18.039 22 17.53 22 17V15C21.204 15 20.441 14.684 19.879 14.121 19.316 13.559 19 12.796 19 12 19 11.204 19.316 10.441 19.879 9.879 20.441 9.316 21.204 9 22 9V7C22 6.47 21.789 5.961 21.414 5.586 21.039 5.211 20.53 5 20 5H4C3.47 5 2.961 5.211 2.586 5.586 2.211 5.961 2 6.47 2 7V9ZM13 5V7M13 17V19M13 11V13"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Ticket.displayName = "Ticket";
+
+Ticket.metadata = {
+  name: "Ticket",
+  category: "stroke/accountsAccess",
+  tags: ["ticket", "icon"],
+  description: "Ticket icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Ticket;