@aliimam/icons 0.1.1 → 0.1.3

package/src/stroke/animals/Worm.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Worm: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Worm(
+    {
+      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 12 17.5 15M19.63 18.81 22 20M6.47 8.23C6.761 8.066 7.094 7.992 7.426 8.018 7.759 8.044 8.077 8.168 8.339 8.375 8.6 8.582 8.795 8.863 8.896 9.18 8.998 9.498 9.003 9.839 8.91 10.16L8.27 12.24C7.854 13.57 7.859 14.996 8.285 16.323 8.711 17.65 9.537 18.813 10.649 19.653 11.761 20.493 13.106 20.968 14.499 21.014 15.892 21.06 17.265 20.675 18.43 19.91L18.85 19.64C19.127 19.461 19.365 19.229 19.552 18.957 19.739 18.686 19.87 18.381 19.939 18.058 20.007 17.736 20.012 17.403 19.952 17.079 19.892 16.756 19.769 16.446 19.59 16.17 19.411 15.894 19.179 15.655 18.907 15.468 18.636 15.282 18.331 15.15 18.008 15.081 17.686 15.013 17.354 15.008 17.03 15.068 16.706 15.128 16.397 15.251 16.12 15.43L15.7 15.7C15.397 15.892 15.043 15.988 14.684 15.973 14.326 15.958 13.98 15.835 13.694 15.618 13.408 15.402 13.195 15.103 13.083 14.762 12.972 14.421 12.967 14.054 13.07 13.71L13.71 11.63C14.12 10.341 14.127 8.958 13.731 7.665 13.336 6.372 12.556 5.229 11.495 4.39 10.435 3.551 9.144 3.055 7.794 2.967 6.444 2.88 5.1 3.205 3.94 3.9L3.24 4.3C2.955 4.467 2.706 4.689 2.507 4.953 2.307 5.217 2.162 5.517 2.079 5.837 1.911 6.483 2.007 7.169 2.345 7.745 2.683 8.321 3.236 8.738 3.882 8.906 4.528 9.074 5.215 8.978 5.79 8.64L6.47 8.23Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Worm.displayName = "Worm";
+
+Worm.metadata = {
+  name: "Worm",
+  category: "stroke/animals",
+  tags: ["worm", "icon"],
+  description: "Worm icon from stroke/animals category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Worm;

package/src/stroke/animals/index.ts

@@ -0,0 +1,19 @@
+export { default as Bird } from "./Bird";
+export { default as Fish } from "./Fish";
+export { default as Squirrel } from "./Squirrel";
+export { default as Bone } from "./Bone";
+export { default as FishOff } from "./FishOff";
+export { default as Turtle } from "./Turtle";
+export { default as Bug } from "./Bug";
+export { default as FishSymbol } from "./FishSymbol";
+export { default as Worm } from "./Worm";
+export { default as BugOff } from "./BugOff";
+export { default as Origami } from "./Origami";
+export { default as BugPlay } from "./BugPlay";
+export { default as Panda } from "./Panda";
+export { default as Cat } from "./Cat";
+export { default as PawPrint } from "./PawPrint";
+export { default as Dog } from "./Dog";
+export { default as Shrimp } from "./Shrimp";
+export { default as Egg } from "./Egg";
+export { default as Snail } from "./Snail";

package/src/stroke/arrows/ArrowBigLeft.tsx

@@ -36,7 +36,7 @@ export const ArrowBigLeft: IconComponent = React.forwardRef<
       ref={forwardedRef}
     >
       <path
-        d="M13 9C12.7348 9 12.4804 8.89464 12.2929 8.7071C12.1053 8.51957 12 8.26521 12 8V5.061C12.0442 4.83453 12.0087 4.59975 11.8995 4.39646C11.7904 4.19316 11.6143 4.03387 11.4011 3.94559C11.1879 3.8573 10.9508 3.84545 10.7298 3.91205C10.5089 3.97865 10.3178 4.1196 10.189 4.311L3.35397 11.147C3.24188 11.2591 3.15297 11.3921 3.09231 11.5386C3.03165 11.685 3.00043 11.842 3.00043 12.0005C3.00043 12.159 3.03165 12.316 3.09231 12.4624C3.15297 12.6089 3.24188 12.7419 3.35397 12.854L10.189 19.689C10.3178 19.8804 10.5089 20.0213 10.7298 20.0879C10.9508 20.1545 11.1879 20.1427 11.4011 20.0544C11.6143 19.9661 11.7904 19.8068 11.8995 19.6035C12.0087 19.4002 12.0442 19.1655 12 18.939V16C12 15.7348 12.1053 15.4804 12.2929 15.2929C12.4804 15.1054 12.7348 15 13 15H19C19.2652 15 19.5195 14.8946 19.7071 14.7071C19.8946 14.5196 20 14.2652 20 14V10C20 9.73478 19.8946 9.48043 19.7071 9.29289C19.5195 9.10535 19.2652 9 19 9H13Z"
+        d="M13 9.00001C12.7348 9.00001 12.4804 8.89466 12.2929 8.70712C12.1053 8.51958 12 8.26523 12 8.00001V5.06101C12.0442 4.83454 12.0087 4.59976 11.8995 4.39647C11.7904 4.19318 11.6143 4.03389 11.4011 3.9456C11.1879 3.85732 10.9508 3.84547 10.7298 3.91207C10.5089 3.97867 10.3178 4.11961 10.189 4.31101L3.35397 11.147C3.24188 11.2591 3.15297 11.3922 3.09231 11.5386C3.03165 11.685 3.00043 11.842 3.00043 12.0005C3.00043 12.159 3.03165 12.316 3.09231 12.4624C3.15297 12.6089 3.24188 12.7419 3.35397 12.854L10.189 19.689C10.3178 19.8804 10.5089 20.0214 10.7298 20.088C10.9508 20.1546 11.1879 20.1427 11.4011 20.0544C11.6143 19.9661 11.7904 19.8068 11.8995 19.6036C12.0087 19.4003 12.0442 19.1655 12 18.939V16C12 15.7348 12.1053 15.4804 12.2929 15.2929C12.4804 15.1054 12.7348 15 13 15H19C19.2652 15 19.5195 14.8947 19.7071 14.7071C19.8946 14.5196 20 14.2652 20 14V10C20 9.7348 19.8946 9.48044 19.7071 9.29291C19.5195 9.10537 19.2652 9.00001 19 9.00001H13Z"
         stroke={color}
         strokeLinecap="round"
         strokeLinejoin="round"

package/src/stroke/arrows/ArrowBigRight.tsx

@@ -36,7 +36,7 @@ export const ArrowBigRight: IconComponent = React.forwardRef<
       ref={forwardedRef}
     >
       <path
-        d="M11 9C11.2652 9 11.5196 8.89464 11.7071 8.7071C11.8946 8.51957 12 8.26521 12 8V5.061C11.9558 4.83453 11.9913 4.59975 12.1004 4.39646C12.2096 4.19316 12.3857 4.03387 12.5989 3.94559C12.8121 3.8573 13.0492 3.84545 13.2701 3.91205C13.491 3.97865 13.6821 4.1196 13.811 4.311L20.647 11.147C20.7591 11.2591 20.848 11.3921 20.9087 11.5386C20.9693 11.685 21.0005 11.842 21.0005 12.0005C21.0005 12.159 20.9693 12.316 20.9087 12.4624C20.848 12.6089 20.7591 12.7419 20.647 12.854L13.811 19.689C13.6821 19.8804 13.491 20.0213 13.2701 20.0879C13.0492 20.1545 12.8121 20.1427 12.5989 20.0544C12.3857 19.9661 12.2096 19.8068 12.1004 19.6035C11.9913 19.4002 11.9558 19.1655 12 18.939V16C12 15.7348 11.8946 15.4804 11.7071 15.2929C11.5196 15.1054 11.2652 15 11 15H5C4.73478 15 4.48043 14.8946 4.29289 14.7071C4.10536 14.5196 4 14.2652 4 14V10C4 9.73478 4.10536 9.48043 4.29289 9.29289C4.48043 9.10535 4.73478 9 5 9H11Z"
+        d="M11 9.00001C11.2652 9.00001 11.5196 8.89466 11.7071 8.70712C11.8946 8.51958 12 8.26523 12 8.00001V5.06101C11.9558 4.83454 11.9913 4.59976 12.1004 4.39647C12.2096 4.19318 12.3857 4.03389 12.5989 3.9456C12.8121 3.85732 13.0492 3.84547 13.2701 3.91207C13.491 3.97867 13.6821 4.11961 13.811 4.31101L20.647 11.147C20.7591 11.2591 20.848 11.3922 20.9087 11.5386C20.9693 11.685 21.0005 11.842 21.0005 12.0005C21.0005 12.159 20.9693 12.316 20.9087 12.4624C20.848 12.6089 20.7591 12.7419 20.647 12.854L13.811 19.689C13.6821 19.8804 13.491 20.0214 13.2701 20.088C13.0492 20.1546 12.8121 20.1427 12.5989 20.0544C12.3857 19.9661 12.2096 19.8068 12.1004 19.6036C11.9913 19.4003 11.9558 19.1655 12 18.939V16C12 15.7348 11.8946 15.4804 11.7071 15.2929C11.5196 15.1054 11.2652 15 11 15H5C4.73478 15 4.48043 14.8947 4.29289 14.7071C4.10536 14.5196 4 14.2652 4 14V10C4 9.7348 4.10536 9.48044 4.29289 9.29291C4.48043 9.10537 4.73478 9.00001 5 9.00001H11Z"
         stroke={color}
         strokeLinecap="round"
         strokeLinejoin="round"

package/src/stroke/arrows/ArrowUp11.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ArrowUp11: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ArrowUp11(
+  {
+    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 8 7 4 11 8M7 4V20M17 10V4H15M15 10H19M19 16C19 14.895 18.105 14 17 14 15.895 14 15 14.895 15 16V18C15 19.105 15.895 20 17 20 18.105 20 19 19.105 19 18V16Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ArrowUp11.displayName = "ArrowUp11";
+
+ArrowUp11.metadata = {
+  name: "ArrowUp11",
+  category: "stroke/arrows",
+  tags: ["arrow", "up", "11", "icon"],
+  description: "ArrowUp11 icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ArrowUp11;

package/src/stroke/arrows/ChevronsDownUp.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ChevronsDownUp: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ChevronsDownUp(
+  {
+    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 20 12 15 17 20M7 4 12 9 17 4"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ChevronsDownUp.displayName = "ChevronsDownUp";
+
+ChevronsDownUp.metadata = {
+  name: "ChevronsDownUp",
+  category: "stroke/arrows",
+  tags: ["chevrons", "down", "up", "icon"],
+  description: "ChevronsDownUp icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ChevronsDownUp;

package/src/stroke/arrows/ChevronsLeft.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ChevronsLeft: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ChevronsLeft(
+  {
+    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 17 6 12 11 7M18 17 13 12 18 7"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ChevronsLeft.displayName = "ChevronsLeft";
+
+ChevronsLeft.metadata = {
+  name: "ChevronsLeft",
+  category: "stroke/arrows",
+  tags: ["chevrons", "left", "icon"],
+  description: "ChevronsLeft icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ChevronsLeft;

package/src/stroke/arrows/ChevronsLeftRight.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ChevronsLeftRight: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ChevronsLeftRight(
+  {
+    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="M9 7 4 12 9 17M15 7 20 12 15 17"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ChevronsLeftRight.displayName = "ChevronsLeftRight";
+
+ChevronsLeftRight.metadata = {
+  name: "ChevronsLeftRight",
+  category: "stroke/arrows",
+  tags: ["chevrons", "left", "right", "icon"],
+  description: "ChevronsLeftRight icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ChevronsLeftRight;

package/src/stroke/arrows/ChevronsRight.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ChevronsRight: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ChevronsRight(
+  {
+    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 17 11 12 6 7M13 17 18 12 13 7"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ChevronsRight.displayName = "ChevronsRight";
+
+ChevronsRight.metadata = {
+  name: "ChevronsRight",
+  category: "stroke/arrows",
+  tags: ["chevrons", "right", "icon"],
+  description: "ChevronsRight icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ChevronsRight;

package/src/stroke/arrows/ChevronsRightLeft.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ChevronsRightLeft: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ChevronsRightLeft(
+  {
+    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 17 15 12 20 7M4 17 9 12 4 7"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ChevronsRightLeft.displayName = "ChevronsRightLeft";
+
+ChevronsRightLeft.metadata = {
+  name: "ChevronsRightLeft",
+  category: "stroke/arrows",
+  tags: ["chevrons", "right", "left", "icon"],
+  description: "ChevronsRightLeft icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ChevronsRightLeft;

package/src/stroke/arrows/ChevronsUp.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ChevronsUp: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ChevronsUp(
+  {
+    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 11 12 6 7 11M17 18 12 13 7 18"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ChevronsUp.displayName = "ChevronsUp";
+
+ChevronsUp.metadata = {
+  name: "ChevronsUp",
+  category: "stroke/arrows",
+  tags: ["chevrons", "up", "icon"],
+  description: "ChevronsUp icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ChevronsUp;

package/src/stroke/arrows/ChevronsUpDown.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ChevronsUpDown: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ChevronsUpDown(
+  {
+    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 15 12 20 17 15M7 9 12 4 17 9"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ChevronsUpDown.displayName = "ChevronsUpDown";
+
+ChevronsUpDown.metadata = {
+  name: "ChevronsUpDown",
+  category: "stroke/arrows",
+  tags: ["chevrons", "up", "down", "icon"],
+  description: "ChevronsUpDown icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ChevronsUpDown;

package/src/stroke/arrows/CircleArrowDown.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const CircleArrowDown: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function CircleArrowDown(
+  {
+    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.523 22 22 17.523 22 12 22 6.477 17.523 2 12 2 6.477 2 2 6.477 2 12 2 17.523 6.477 22 12 22ZM12 8V16"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M8 12L12 16L16 12"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+CircleArrowDown.displayName = "CircleArrowDown";
+
+CircleArrowDown.metadata = {
+  name: "CircleArrowDown",
+  category: "stroke/arrows",
+  tags: ["circle", "arrow", "down", "icon"],
+  description: "CircleArrowDown icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default CircleArrowDown;