@aliimam/icons 0.1.1 → 0.1.2

package/src/stroke/{accountsAccess/AtSign.tsx → animals/Turtle.tsx}

@@ -1,8 +1,8 @@
 import * as React from "react";
 import type { IconProps, IconMetadata, IconComponent } from "../../types";
 
-export const AtSign: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
-  function AtSign(
+export const Turtle: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Turtle(
     {
       color = "currentColor",
       fill,
@@ -34,13 +34,13 @@ export const AtSign: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
         ref={forwardedRef}
       >
         <path
-          d="M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"
+          d="M12 10 14 14V17C14 17.265 14.105 17.52 14.293 17.707 14.48 17.895 14.735 18 15 18H17C17.265 18 17.52 17.895 17.707 17.707 17.895 17.52 18 17.265 18 17V14C18 11.878 17.157 9.843 15.657 8.343 14.157 6.843 12.122 6 10 6 7.878 6 5.843 6.843 4.343 8.343 2.843 9.843 2 11.878 2 14V17C2 17.265 2.105 17.52 2.293 17.707 2.48 17.895 2.735 18 3 18H5C5.265 18 5.52 17.895 5.707 17.707 5.895 17.52 6 17.265 6 17V14L8 10H12ZM4.82 7.9 8 10M15.18 7.9 12 10"
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
         />
         <path
-          d="M16 8V13C16 13.7957 16.3161 14.5587 16.8787 15.1213C17.4413 15.6839 18.2044 16 19 16C19.7957 16 20.5587 15.6839 21.1213 15.1213C21.6839 14.5587 22 13.7957 22 13V12C22 9.74731 21.2394 7.5606 19.8414 5.79417C18.4434 4.02774 16.49 2.78507 14.2975 2.26751C12.1051 1.74995 9.80215 1.98781 7.76178 2.94255C5.72141 3.8973 4.06318 5.51299 3.05574 7.52786C2.0483 9.54274 1.75069 11.8387 2.21111 14.0439C2.67154 16.249 3.86303 18.2341 5.59254 19.6775C7.32205 21.1209 9.48825 21.9381 11.7402 21.9966C13.9921 22.0552 16.1979 21.3516 18 20"
+          d="M16.93 10H20C20.5304 10 21.0391 10.2107 21.4142 10.5858C21.7893 10.9609 22 11.4696 22 12C22 12.5304 21.7893 13.0391 21.4142 13.4142C21.0391 13.7893 20.5304 14 20 14H2"
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
@@ -50,14 +50,14 @@ export const AtSign: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
   },
 );
 
-AtSign.displayName = "AtSign";
+Turtle.displayName = "Turtle";
 
-AtSign.metadata = {
-  name: "AtSign",
-  category: "stroke/accountsAccess",
-  tags: ["at", "sign", "icon"],
-  description: "AtSign icon from stroke/accountsAccess category",
+Turtle.metadata = {
+  name: "Turtle",
+  category: "stroke/animals",
+  tags: ["turtle", "icon"],
+  description: "Turtle icon from stroke/animals category",
   type: ["stroke", "icon"],
 } as IconMetadata;
 
-export default AtSign;
+export default Turtle;

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.08 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/charts/ChartArea.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ChartArea: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ChartArea(
+  {
+    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 3V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H21"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M7 11.207C7.00003 11.0746 7.05253 10.9477 7.146 10.854L9.146 8.854C9.19245 8.80744 9.24762 8.7705 9.30837 8.74529C9.36911 8.72008 9.43423 8.70711 9.5 8.70711C9.56577 8.70711 9.63089 8.72008 9.69163 8.74529C9.75238 8.7705 9.80755 8.80744 9.854 8.854L13.146 12.146C13.1924 12.1926 13.2476 12.2295 13.3084 12.2547C13.3691 12.2799 13.4342 12.2929 13.5 12.2929C13.5658 12.2929 13.6309 12.2799 13.6916 12.2547C13.7524 12.2295 13.8076 12.1926 13.854 12.146L18.146 7.854C18.2159 7.78396 18.3049 7.73621 18.402 7.71681C18.499 7.69741 18.5996 7.70723 18.691 7.74503C18.7824 7.78282 18.8606 7.84689 18.9156 7.92912C18.9706 8.01136 19 8.10807 19 8.207V16C19 16.2652 18.8946 16.5196 18.7071 16.7071C18.5196 16.8946 18.2652 17 18 17H8C7.73478 17 7.48043 16.8946 7.29289 16.7071C7.10536 16.5196 7 16.2652 7 16V11.207Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ChartArea.displayName = "ChartArea";
+
+ChartArea.metadata = {
+  name: "ChartArea",
+  category: "stroke/charts",
+  tags: ["chart", "area", "icon"],
+  description: "ChartArea icon from stroke/charts category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ChartArea;

package/src/stroke/{accountsAccess/BookmarkPlus.tsx → charts/ChartBar.tsx}

@@ -1,10 +1,10 @@
 import * as React from "react";
 import type { IconProps, IconMetadata, IconComponent } from "../../types";
 
-export const BookmarkPlus: IconComponent = React.forwardRef<
+export const ChartBar: IconComponent = React.forwardRef<
   SVGSVGElement,
   IconProps
->(function BookmarkPlus(
+>(function ChartBar(
   {
     color = "currentColor",
     fill,
@@ -36,7 +36,7 @@ export const BookmarkPlus: IconComponent = React.forwardRef<
       ref={forwardedRef}
     >
       <path
-        d="M19 21 12 17 5 21V5C5 4.47 5.211 3.961 5.586 3.586 5.961 3.211 6.47 3 7 3H17C17.53 3 18.039 3.211 18.414 3.586 18.789 3.961 19 4.47 19 5V21ZM12 7V13M15 10H9"
+        d="M3 3V19C3 19.53 3.211 20.039 3.586 20.414 3.961 20.789 4.47 21 5 21H21M7 16H15M7 11H19M7 6H10"
         stroke={color}
         strokeLinecap="round"
         strokeLinejoin="round"
@@ -45,14 +45,14 @@ export const BookmarkPlus: IconComponent = React.forwardRef<
   );
 });
 
-BookmarkPlus.displayName = "BookmarkPlus";
+ChartBar.displayName = "ChartBar";
 
-BookmarkPlus.metadata = {
-  name: "BookmarkPlus",
-  category: "stroke/accountsAccess",
-  tags: ["bookmark", "plus", "icon"],
-  description: "BookmarkPlus icon from stroke/accountsAccess category",
+ChartBar.metadata = {
+  name: "ChartBar",
+  category: "stroke/charts",
+  tags: ["chart", "bar", "icon"],
+  description: "ChartBar icon from stroke/charts category",
   type: ["stroke", "icon"],
 } as IconMetadata;
 
-export default BookmarkPlus;
+export default ChartBar;

package/src/stroke/{accountsAccess/Building.tsx → charts/ChartBarBig.tsx}

@@ -1,10 +1,10 @@
 import * as React from "react";
 import type { IconProps, IconMetadata, IconComponent } from "../../types";
 
-export const Building: IconComponent = React.forwardRef<
+export const ChartBarBig: IconComponent = React.forwardRef<
   SVGSVGElement,
   IconProps
->(function Building(
+>(function ChartBarBig(
   {
     color = "currentColor",
     fill,
@@ -36,13 +36,13 @@ export const Building: IconComponent = React.forwardRef<
       ref={forwardedRef}
     >
       <path
-        d="M12 10H12.01M12 14H12.01M12 6H12.01M16 10H16.01M16 14H16.01M16 6H16.01M8 10H8.01M8 14H8.01M8 6H8.01M9 22V19C9 18.735 9.105 18.48 9.293 18.293 9.48 18.105 9.735 18 10 18H14C14.265 18 14.52 18.105 14.707 18.293 14.895 18.48 15 18.735 15 19V22"
+        d="M3 3V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H21"
         stroke={color}
         strokeLinecap="round"
         strokeLinejoin="round"
       />
       <path
-        d="M18 2H6C4.89543 2 4 2.89543 4 4V20C4 21.1046 4.89543 22 6 22H18C19.1046 22 20 21.1046 20 20V4C20 2.89543 19.1046 2 18 2Z"
+        d="M15 13H8C7.448 13 7 13.448 7 14V16C7 16.552 7.448 17 8 17H15C15.552 17 16 16.552 16 16V14C16 13.448 15.552 13 15 13ZM18 5H8C7.448 5 7 5.448 7 6V8C7 8.552 7.448 9 8 9H18C18.552 9 19 8.552 19 8V6C19 5.448 18.552 5 18 5Z"
         stroke={color}
         strokeLinecap="round"
         strokeLinejoin="round"
@@ -51,14 +51,14 @@ export const Building: IconComponent = React.forwardRef<
   );
 });
 
-Building.displayName = "Building";
+ChartBarBig.displayName = "ChartBarBig";
 
-Building.metadata = {
-  name: "Building",
-  category: "stroke/accountsAccess",
-  tags: ["building", "icon"],
-  description: "Building icon from stroke/accountsAccess category",
+ChartBarBig.metadata = {
+  name: "ChartBarBig",
+  category: "stroke/charts",
+  tags: ["chart", "bar", "big", "icon"],
+  description: "ChartBarBig icon from stroke/charts category",
   type: ["stroke", "icon"],
 } as IconMetadata;
 
-export default Building;
+export default ChartBarBig;

package/src/stroke/charts/ChartBarDecreasing.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ChartBarDecreasing: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ChartBarDecreasing(
+  {
+    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 3V19C3 19.53 3.211 20.039 3.586 20.414 3.961 20.789 4.47 21 5 21H21M7 11H15M7 16H10M7 6H19"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ChartBarDecreasing.displayName = "ChartBarDecreasing";
+
+ChartBarDecreasing.metadata = {
+  name: "ChartBarDecreasing",
+  category: "stroke/charts",
+  tags: ["chart", "bar", "decreasing", "icon"],
+  description: "ChartBarDecreasing icon from stroke/charts category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ChartBarDecreasing;

package/src/stroke/charts/ChartBarIncreasing.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ChartBarIncreasing: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ChartBarIncreasing(
+  {
+    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 3V19C3 19.53 3.211 20.039 3.586 20.414 3.961 20.789 4.47 21 5 21H21M7 11H15M7 16H19M7 6H10"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ChartBarIncreasing.displayName = "ChartBarIncreasing";
+
+ChartBarIncreasing.metadata = {
+  name: "ChartBarIncreasing",
+  category: "stroke/charts",
+  tags: ["chart", "bar", "increasing", "icon"],
+  description: "ChartBarIncreasing icon from stroke/charts category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ChartBarIncreasing;

package/src/stroke/charts/ChartBarStacked.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ChartBarStacked: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ChartBarStacked(
+  {
+    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 13V17M15 5V9M3 3V19C3 19.53 3.211 20.039 3.586 20.414 3.961 20.789 4.47 21 5 21H21"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M15 13H8C7.448 13 7 13.448 7 14V16C7 16.552 7.448 17 8 17H15C15.552 17 16 16.552 16 16V14C16 13.448 15.552 13 15 13ZM18 5H8C7.448 5 7 5.448 7 6V8C7 8.552 7.448 9 8 9H18C18.552 9 19 8.552 19 8V6C19 5.448 18.552 5 18 5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ChartBarStacked.displayName = "ChartBarStacked";
+
+ChartBarStacked.metadata = {
+  name: "ChartBarStacked",
+  category: "stroke/charts",
+  tags: ["chart", "bar", "stacked", "icon"],
+  description: "ChartBarStacked icon from stroke/charts category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ChartBarStacked;

package/src/stroke/charts/ChartCandlestick.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ChartCandlestick: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ChartCandlestick(
+  {
+    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 5V9M10 9H8C7.448 9 7 9.448 7 10V14C7 14.552 7.448 15 8 15H10C10.552 15 11 14.552 11 14V10C11 9.448 10.552 9 10 9ZM9 15V17M17 3V5M18 5H16C15.448 5 15 5.448 15 6V12C15 12.552 15.448 13 16 13H18C18.552 13 19 12.552 19 12V6C19 5.448 18.552 5 18 5ZM17 13V16"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M3 3V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H21"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ChartCandlestick.displayName = "ChartCandlestick";
+
+ChartCandlestick.metadata = {
+  name: "ChartCandlestick",
+  category: "stroke/charts",
+  tags: ["chart", "candlestick", "icon"],
+  description: "ChartCandlestick icon from stroke/charts category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ChartCandlestick;

package/src/stroke/charts/ChartColumn.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ChartColumn: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ChartColumn(
+  {
+    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 3V19C3 19.53 3.211 20.039 3.586 20.414 3.961 20.789 4.47 21 5 21H21M18 17V9M13 17V5M8 17V14"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ChartColumn.displayName = "ChartColumn";
+
+ChartColumn.metadata = {
+  name: "ChartColumn",
+  category: "stroke/charts",
+  tags: ["chart", "column", "icon"],
+  description: "ChartColumn icon from stroke/charts category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ChartColumn;

package/src/stroke/charts/ChartColumnBig.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ChartColumnBig: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ChartColumnBig(
+  {
+    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 3V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H21"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M18 5H16C15.448 5 15 5.448 15 6V16C15 16.552 15.448 17 16 17H18C18.552 17 19 16.552 19 16V6C19 5.448 18.552 5 18 5ZM10 8H8C7.448 8 7 8.448 7 9V16C7 16.552 7.448 17 8 17H10C10.552 17 11 16.552 11 16V9C11 8.448 10.552 8 10 8Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ChartColumnBig.displayName = "ChartColumnBig";
+
+ChartColumnBig.metadata = {
+  name: "ChartColumnBig",
+  category: "stroke/charts",
+  tags: ["chart", "column", "big", "icon"],
+  description: "ChartColumnBig icon from stroke/charts category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ChartColumnBig;