@aliimam/icons 0.0.6 → 0.0.8

package/src/stroke/accountsAccess/CircleUser.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const CircleUser: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function CircleUser(
+  {
+    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="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 20.662V19C7 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 19V20.662"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+CircleUser.displayName = "CircleUser";
+
+CircleUser.metadata = {
+  name: "CircleUser",
+  category: "stroke/accountsAccess",
+  tags: ["circle", "user", "icon"],
+  description: "CircleUser icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default CircleUser;

package/src/stroke/accountsAccess/CircleUserRound.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const CircleUserRound: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function CircleUserRound(
+  {
+    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 20C18 18.409 17.368 16.883 16.243 15.757 15.117 14.632 13.591 14 12 14 10.409 14 8.883 14.632 7.757 15.757 6.632 16.883 6 18.409 6 20M12 14C14.209 14 16 12.209 16 10 16 7.791 14.209 6 12 6 9.791 6 8 7.791 8 10 8 12.209 9.791 14 12 14Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <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"
+      />
+    </svg>
+  );
+});
+
+CircleUserRound.displayName = "CircleUserRound";
+
+CircleUserRound.metadata = {
+  name: "CircleUserRound",
+  category: "stroke/accountsAccess",
+  tags: ["circle", "user", "round", "icon"],
+  description: "CircleUserRound icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default CircleUserRound;

package/src/stroke/accountsAccess/Cog.tsx

@@ -0,0 +1,63 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Cog: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Cog(
+    {
+      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 10.27 7 3.34M11 13.73 7 20.66M12 22V20M12 2V4M14 12H22M17 20.66 16 18.93M17 3.34 16 5.07M2 12H4M20.66 17 18.93 16M20.66 7 18.93 8M3.34 17 5.07 16M3.34 7 5.07 8M12 14C13.105 14 14 13.105 14 12 14 10.895 13.105 10 12 10 10.895 10 10 10.895 10 12 10 13.105 10.895 14 12 14Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Cog.displayName = "Cog";
+
+Cog.metadata = {
+  name: "Cog",
+  category: "stroke/accountsAccess",
+  tags: ["cog", "icon"],
+  description: "Cog icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Cog;

package/src/stroke/accountsAccess/Contact.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Contact: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Contact(
+  {
+    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="M16 2V4M7 22V20C7 19.47 7.211 18.961 7.586 18.586 7.961 18.211 8.47 18 9 18H15C15.53 18 16.039 18.211 16.414 18.586 16.789 18.961 17 19.47 17 20V22M8 2V4M12 14C13.657 14 15 12.657 15 11 15 9.343 13.657 8 12 8 10.343 8 9 9.343 9 11 9 12.657 10.343 14 12 14Z"
+        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>
+  );
+});
+
+Contact.displayName = "Contact";
+
+Contact.metadata = {
+  name: "Contact",
+  category: "stroke/accountsAccess",
+  tags: ["contact", "icon"],
+  description: "Contact icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Contact;

package/src/stroke/accountsAccess/ContactRound.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ContactRound: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ContactRound(
+  {
+    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="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>
+  );
+});
+
+ContactRound.displayName = "ContactRound";
+
+ContactRound.metadata = {
+  name: "ContactRound",
+  category: "stroke/accountsAccess",
+  tags: ["contact", "round", "icon"],
+  description: "ContactRound icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ContactRound;

package/src/stroke/accountsAccess/Cookie.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Cookie: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Cookie(
+    {
+      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 2C10.022 2 8.089 2.586 6.444 3.685 4.8 4.784 3.518 6.346 2.761 8.173 2.004 10 1.806 12.011 2.192 13.951 2.578 15.891 3.53 17.673 4.929 19.071 6.327 20.47 8.109 21.422 10.049 21.808 11.989 22.194 14 21.996 15.827 21.239 17.654 20.482 19.216 19.2 20.315 17.556 21.414 15.911 22 13.978 22 12 21.305 12.214 20.565 12.235 19.859 12.059 19.153 11.884 18.509 11.52 17.995 11.006 17.48 10.491 17.116 9.847 16.941 9.141 16.766 8.435 16.786 7.695 17 7 16.305 7.214 15.565 7.234 14.859 7.059 14.153 6.884 13.509 6.52 12.995 6.006 12.48 5.491 12.116 4.847 11.941 4.141 11.766 3.435 11.786 2.695 12 2ZM8.5 8.5V8.51M16 15.5V15.51M12 12V12.01M11 17V17.01M7 14V14.01"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Cookie.displayName = "Cookie";
+
+Cookie.metadata = {
+  name: "Cookie",
+  category: "stroke/accountsAccess",
+  tags: ["cookie", "icon"],
+  description: "Cookie icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Cookie;

package/src/stroke/accountsAccess/CreditCard.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const CreditCard: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function CreditCard(
+  {
+    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 5H4C2.895 5 2 5.895 2 7V17C2 18.105 2.895 19 4 19H20C21.105 19 22 18.105 22 17V7C22 5.895 21.105 5 20 5ZM2 10H22"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+CreditCard.displayName = "CreditCard";
+
+CreditCard.metadata = {
+  name: "CreditCard",
+  category: "stroke/accountsAccess",
+  tags: ["credit", "card", "icon"],
+  description: "CreditCard icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default CreditCard;

package/src/stroke/accountsAccess/FileUser.tsx

@@ -0,0 +1,70 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const FileUser: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function FileUser(
+  {
+    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 2V6C14 6.53 14.211 7.039 14.586 7.414 14.961 7.789 15.47 8 16 8H20M15 18C15 17.204 14.684 16.441 14.121 15.879 13.559 15.316 12.796 15 12 15 11.204 15 10.441 15.316 9.879 15.879 9.316 16.441 9 17.204 9 18"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M15 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V7L15 2Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M12 15C13.1046 15 14 14.1046 14 13C14 11.8954 13.1046 11 12 11C10.8954 11 10 11.8954 10 13C10 14.1046 10.8954 15 12 15Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+FileUser.displayName = "FileUser";
+
+FileUser.metadata = {
+  name: "FileUser",
+  category: "stroke/accountsAccess",
+  tags: ["file", "user", "icon"],
+  description: "FileUser icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default FileUser;

package/src/stroke/accountsAccess/Fingerprint.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Fingerprint: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Fingerprint(
+  {
+    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 10C11.47 10 10.961 10.211 10.586 10.586 10.211 10.961 10 11.47 10 12 10 13.02 9.9 14.51 9.74 16M14 13.12C14 15.5 14 19.5 13 22M17.29 21.02C17.41 20.42 17.72 18.72 17.79 18M2 12C2 9.901 2.66 7.856 3.888 6.153 5.115 4.45 6.847 3.177 8.838 2.513 10.829 1.849 12.978 1.829 14.982 2.455 16.985 3.081 18.741 4.321 20 6M2 16H2.01M21.8 16C22 14 21.931 10.646 21.8 10"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M5 19.5C5.5 18 6 15 6 12 5.999 11.319 6.114 10.643 6.34 10M8.65 22C8.86 21.34 9.1 20.68 9.22 20M9 6.8C9.912 6.273 10.947 5.996 12.001 5.996 13.055 5.996 14.089 6.274 15.002 6.801 15.914 7.328 16.671 8.086 17.198 8.999 17.724 9.911 18.001 10.947 18 12V14"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Fingerprint.displayName = "Fingerprint";
+
+Fingerprint.metadata = {
+  name: "Fingerprint",
+  category: "stroke/accountsAccess",
+  tags: ["fingerprint", "icon"],
+  description: "Fingerprint icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Fingerprint;

package/src/stroke/accountsAccess/FlagOff.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const FlagOff: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function FlagOff(
+  {
+    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="M16 16C13 16 11 14 8 14 6.524 14 5.1 14.544 4 15.528M2 2 22 22M4 22V4M7.656 2H8C11 2 13 4 15.333 4 16.666 4 17.689 3.733 18.4 3.2 18.549 3.089 18.725 3.021 18.91 3.004 19.095 2.987 19.281 3.023 19.447 3.106 19.613 3.189 19.753 3.316 19.851 3.474 19.948 3.632 20 3.814 20 4V14.347"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+FlagOff.displayName = "FlagOff";
+
+FlagOff.metadata = {
+  name: "FlagOff",
+  category: "stroke/accountsAccess",
+  tags: ["flag", "off", "icon"],
+  description: "FlagOff icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default FlagOff;

package/src/stroke/accountsAccess/Frame.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Frame: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Frame(
+    {
+      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 22V4C4 3.84475 4.03614 3.69164 4.10557 3.55279C4.175 3.41393 4.2758 3.29315 4.4 3.2C5.43858 2.42107 6.70178 2 8 2C11 2 13 4 15.333 4C16.6663 4 17.6887 3.73333 18.4 3.2C18.5486 3.08857 18.7252 3.02072 18.9102 3.00404C19.0952 2.98736 19.2811 3.02252 19.4472 3.10557C19.6133 3.18863 19.753 3.31629 19.8507 3.47427C19.9483 3.63224 20 3.81429 20 4V14C20 14.1552 19.9639 14.3084 19.8944 14.4472C19.825 14.5861 19.7242 14.7069 19.6 14.8C18.5614 15.5789 17.2982 16 16 16C13 16 11 14 8 14C6.52412 14 5.10002 14.544 4 15.528"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Frame.displayName = "Frame";
+
+Frame.metadata = {
+  name: "Frame",
+  category: "stroke/accountsAccess",
+  tags: ["frame", "icon"],
+  description: "Frame icon from stroke/accountsAccess category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Frame;