@honeycluster/icons-base 0.0.1

package/src/generated/finance-wallet-03.tsx

@@ -0,0 +1,57 @@
+import * as React from 'react';
+
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+  color?: string; // defaults to currentColor so Tailwind text-* applies
+  strokeWidth?: number | string;
+  absoluteStrokeWidth?: boolean;
+  tone?: 'original' | 'grayscale' | 'black' | 'white';
+  /**
+   * Controls how colors are applied:
+   * - 'original': keep original inline fill/stroke from the SVG
+   * - 'stripped': remove inline fill/stroke so className/text color can apply
+   * - 'currentColor': like 'stripped', and also force svg fill/stroke to currentColor
+   */
+  colorMode?: 'original' | 'stripped' | 'currentColor';
+  /** @deprecated Use colorMode instead */
+  fillMode?: 'none' | 'currentColor';
+}
+
+const FinanceWallet03 = React.forwardRef<SVGSVGElement, IconProps>(function FinanceWallet03(
+  { color = 'currentColor', size = 24, strokeWidth = 2, absoluteStrokeWidth, tone = 'original', colorMode, fillMode = 'none', className, style, ...rest },
+  ref,
+) {
+  const computedStrokeWidth = absoluteStrokeWidth ? (Number(strokeWidth) * 24) / Number(size) : strokeWidth;
+  const filter = tone === 'grayscale' ? 'grayscale(1)'
+    : tone === 'black' ? 'brightness(0)'
+    : tone === 'white' ? 'brightness(0) invert(1)'
+    : undefined;
+  const effectiveColorMode = colorMode ?? (fillMode === 'currentColor' ? 'currentColor' : 'original');
+  const DEFAULT_ORIGINAL_FILL = null as string | null;
+  const DEFAULT_ORIGINAL_STROKE = "black" as string | null;
+  return (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      // Force currentColor only when requested
+      fill={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      stroke={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      strokeWidth={computedStrokeWidth as number}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={filter ? { ...(style || {}), filter } : style}
+      data-default-fill={DEFAULT_ORIGINAL_FILL ?? undefined}
+      data-default-stroke={DEFAULT_ORIGINAL_STROKE ?? undefined}
+      {...rest}
+    >
+      <g dangerouslySetInnerHTML={{ __html: effectiveColorMode === 'original' ? "<path d=\"M16.5 14H16.51M3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V9C21 7.89543 20.1046 7 19 7L5 7C3.89543 7 3 6.10457 3 5ZM3 5C3 3.89543 3.89543 3 5 3H17M17 14C17 14.2761 16.7761 14.5 16.5 14.5C16.2239 14.5 16 14.2761 16 14C16 13.7239 16.2239 13.5 16.5 13.5C16.7761 13.5 17 13.7239 17 14Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" : "<path d=\"M16.5 14H16.51M3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V9C21 7.89543 20.1046 7 19 7L5 7C3.89543 7 3 6.10457 3 5ZM3 5C3 3.89543 3.89543 3 5 3H17M17 14C17 14.2761 16.7761 14.5 16.5 14.5C16.2239 14.5 16 14.2761 16 14C16 13.7239 16.2239 13.5 16.5 13.5C16.7761 13.5 17 13.7239 17 14Z\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" }} />
+    </svg>
+  );
+});
+
+FinanceWallet03.displayName = 'FinanceWallet03';
+
+export default FinanceWallet03;

package/src/generated/finance-wallet-04.tsx

@@ -0,0 +1,57 @@
+import * as React from 'react';
+
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+  color?: string; // defaults to currentColor so Tailwind text-* applies
+  strokeWidth?: number | string;
+  absoluteStrokeWidth?: boolean;
+  tone?: 'original' | 'grayscale' | 'black' | 'white';
+  /**
+   * Controls how colors are applied:
+   * - 'original': keep original inline fill/stroke from the SVG
+   * - 'stripped': remove inline fill/stroke so className/text color can apply
+   * - 'currentColor': like 'stripped', and also force svg fill/stroke to currentColor
+   */
+  colorMode?: 'original' | 'stripped' | 'currentColor';
+  /** @deprecated Use colorMode instead */
+  fillMode?: 'none' | 'currentColor';
+}
+
+const FinanceWallet04 = React.forwardRef<SVGSVGElement, IconProps>(function FinanceWallet04(
+  { color = 'currentColor', size = 24, strokeWidth = 2, absoluteStrokeWidth, tone = 'original', colorMode, fillMode = 'none', className, style, ...rest },
+  ref,
+) {
+  const computedStrokeWidth = absoluteStrokeWidth ? (Number(strokeWidth) * 24) / Number(size) : strokeWidth;
+  const filter = tone === 'grayscale' ? 'grayscale(1)'
+    : tone === 'black' ? 'brightness(0)'
+    : tone === 'white' ? 'brightness(0) invert(1)'
+    : undefined;
+  const effectiveColorMode = colorMode ?? (fillMode === 'currentColor' ? 'currentColor' : 'original');
+  const DEFAULT_ORIGINAL_FILL = null as string | null;
+  const DEFAULT_ORIGINAL_STROKE = null as string | null;
+  return (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      // Force currentColor only when requested
+      fill={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      stroke={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      strokeWidth={computedStrokeWidth as number}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={filter ? { ...(style || {}), filter } : style}
+      data-default-fill={DEFAULT_ORIGINAL_FILL ?? undefined}
+      data-default-stroke={DEFAULT_ORIGINAL_STROKE ?? undefined}
+      {...rest}
+    >
+      <g dangerouslySetInnerHTML={{ __html: effectiveColorMode === 'original' ? "<path d=\"M20 9.5V7.2C20 6.0799 20 5.51984 19.782 5.09202C19.5903 4.7157 19.2843 4.40974 18.908 4.21799C18.4802 4 17.9201 4 16.8 4H5.2C4.0799 4 3.51984 4 3.09202 4.21799C2.7157 4.40973 2.40973 4.71569 2.21799 5.09202C2 5.51984 2 6.0799 2 7.2V16.8C2 17.9201 2 18.4802 2.21799 18.908C2.40973 19.2843 2.71569 19.5903 3.09202 19.782C3.51984 20 4.07989 20 5.2 20L16.8 20C17.9201 20 18.4802 20 18.908 19.782C19.2843 19.5903 19.5903 19.2843 19.782 18.908C20 18.4802 20 17.9201 20 16.8V14.5M15 12C15 11.5353 15 11.303 15.0384 11.1098C15.1962 10.3164 15.8164 9.69624 16.6098 9.53843C16.803 9.5 17.0353 9.5 17.5 9.5H19.5C19.9647 9.5 20.197 9.5 20.3902 9.53843C21.1836 9.69624 21.8038 10.3164 21.9616 11.1098C22 11.303 22 11.5353 22 12C22 12.4647 22 12.697 21.9616 12.8902C21.8038 13.6836 21.1836 14.3038 20.3902 14.4616C20.197 14.5 19.9647 14.5 19.5 14.5H17.5C17.0353 14.5 16.803 14.5 16.6098 14.4616C15.8164 14.3038 15.1962 13.6836 15.0384 12.8902C15 12.697 15 12.4647 15 12Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" : "<path d=\"M20 9.5V7.2C20 6.0799 20 5.51984 19.782 5.09202C19.5903 4.7157 19.2843 4.40974 18.908 4.21799C18.4802 4 17.9201 4 16.8 4H5.2C4.0799 4 3.51984 4 3.09202 4.21799C2.7157 4.40973 2.40973 4.71569 2.21799 5.09202C2 5.51984 2 6.0799 2 7.2V16.8C2 17.9201 2 18.4802 2.21799 18.908C2.40973 19.2843 2.71569 19.5903 3.09202 19.782C3.51984 20 4.07989 20 5.2 20L16.8 20C17.9201 20 18.4802 20 18.908 19.782C19.2843 19.5903 19.5903 19.2843 19.782 18.908C20 18.4802 20 17.9201 20 16.8V14.5M15 12C15 11.5353 15 11.303 15.0384 11.1098C15.1962 10.3164 15.8164 9.69624 16.6098 9.53843C16.803 9.5 17.0353 9.5 17.5 9.5H19.5C19.9647 9.5 20.197 9.5 20.3902 9.53843C21.1836 9.69624 21.8038 10.3164 21.9616 11.1098C22 11.303 22 11.5353 22 12C22 12.4647 22 12.697 21.9616 12.8902C21.8038 13.6836 21.1836 14.3038 20.3902 14.4616C20.197 14.5 19.9647 14.5 19.5 14.5H17.5C17.0353 14.5 16.803 14.5 16.6098 14.4616C15.8164 14.3038 15.1962 13.6836 15.0384 12.8902C15 12.697 15 12.4647 15 12Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" }} />
+    </svg>
+  );
+});
+
+FinanceWallet04.displayName = 'FinanceWallet04';
+
+export default FinanceWallet04;

package/src/generated/finance-wallet-05.tsx

@@ -0,0 +1,57 @@
+import * as React from 'react';
+
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+  color?: string; // defaults to currentColor so Tailwind text-* applies
+  strokeWidth?: number | string;
+  absoluteStrokeWidth?: boolean;
+  tone?: 'original' | 'grayscale' | 'black' | 'white';
+  /**
+   * Controls how colors are applied:
+   * - 'original': keep original inline fill/stroke from the SVG
+   * - 'stripped': remove inline fill/stroke so className/text color can apply
+   * - 'currentColor': like 'stripped', and also force svg fill/stroke to currentColor
+   */
+  colorMode?: 'original' | 'stripped' | 'currentColor';
+  /** @deprecated Use colorMode instead */
+  fillMode?: 'none' | 'currentColor';
+}
+
+const FinanceWallet05 = React.forwardRef<SVGSVGElement, IconProps>(function FinanceWallet05(
+  { color = 'currentColor', size = 24, strokeWidth = 2, absoluteStrokeWidth, tone = 'original', colorMode, fillMode = 'none', className, style, ...rest },
+  ref,
+) {
+  const computedStrokeWidth = absoluteStrokeWidth ? (Number(strokeWidth) * 24) / Number(size) : strokeWidth;
+  const filter = tone === 'grayscale' ? 'grayscale(1)'
+    : tone === 'black' ? 'brightness(0)'
+    : tone === 'white' ? 'brightness(0) invert(1)'
+    : undefined;
+  const effectiveColorMode = colorMode ?? (fillMode === 'currentColor' ? 'currentColor' : 'original');
+  const DEFAULT_ORIGINAL_FILL = null as string | null;
+  const DEFAULT_ORIGINAL_STROKE = "black" as string | null;
+  return (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      // Force currentColor only when requested
+      fill={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      stroke={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      strokeWidth={computedStrokeWidth as number}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={filter ? { ...(style || {}), filter } : style}
+      data-default-fill={DEFAULT_ORIGINAL_FILL ?? undefined}
+      data-default-stroke={DEFAULT_ORIGINAL_STROKE ?? undefined}
+      {...rest}
+    >
+      <g dangerouslySetInnerHTML={{ __html: effectiveColorMode === 'original' ? "<path d=\"M18.9998 10L4.99984 10M18.9998 10L20.864 13.1069C21.2818 13.8032 21.4907 14.1514 21.5992 14.5262C21.6953 14.8582 21.7333 15.2045 21.7115 15.5495C21.6869 15.9389 21.5585 16.324 21.3017 17.0944L21.0939 17.7179C20.7005 18.8981 20.5038 19.4882 20.1389 19.9245C19.8167 20.3098 19.403 20.608 18.9356 20.7918C18.4063 21 17.7843 21 16.5402 21L7.45949 21C6.21542 21 5.59338 21 5.0641 20.7918C4.59672 20.608 4.18296 20.3098 3.86078 19.9245C3.49592 19.4882 3.29922 18.8981 2.90581 17.7179L2.69798 17.0944C2.44119 16.324 2.3128 15.9389 2.2882 15.5495C2.2664 15.2044 2.3044 14.8582 2.40053 14.5261C2.50902 14.1514 2.71791 13.8032 3.13569 13.1069L4.99984 10M18.9998 10L19.4171 8.53955C19.6149 7.84717 19.7139 7.50097 19.6362 7.22708C19.5681 6.98715 19.4128 6.78132 19.2008 6.64996C18.9588 6.5 18.5988 6.5 17.8787 6.5L6.12101 6.5C5.40092 6.5 5.04087 6.5 4.79886 6.64996C4.58686 6.78132 4.4316 6.98715 4.36354 7.22708C4.28584 7.50097 4.38475 7.84717 4.58257 8.53955L4.99984 10M11.9998 6.5H8.46413C7.94317 6.5 7.44355 6.28929 7.07517 5.91421C6.70679 5.53914 6.49984 5.03043 6.49984 4.5C6.49984 3.96957 6.70679 3.46086 7.07517 3.08579C7.44355 2.71071 7.94317 2.5 8.46413 2.5C11.2141 2.5 11.9998 6.5 11.9998 6.5ZM11.9998 6.5H15.5356C16.0565 6.5 16.5561 6.28929 16.9245 5.91421C17.2929 5.53914 17.4998 5.03043 17.4998 4.5C17.4998 3.96957 17.2929 3.46086 16.9245 3.08579C16.5561 2.71071 16.0565 2.5 15.5356 2.5C12.7856 2.5 11.9998 6.5 11.9998 6.5Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" : "<path d=\"M18.9998 10L4.99984 10M18.9998 10L20.864 13.1069C21.2818 13.8032 21.4907 14.1514 21.5992 14.5262C21.6953 14.8582 21.7333 15.2045 21.7115 15.5495C21.6869 15.9389 21.5585 16.324 21.3017 17.0944L21.0939 17.7179C20.7005 18.8981 20.5038 19.4882 20.1389 19.9245C19.8167 20.3098 19.403 20.608 18.9356 20.7918C18.4063 21 17.7843 21 16.5402 21L7.45949 21C6.21542 21 5.59338 21 5.0641 20.7918C4.59672 20.608 4.18296 20.3098 3.86078 19.9245C3.49592 19.4882 3.29922 18.8981 2.90581 17.7179L2.69798 17.0944C2.44119 16.324 2.3128 15.9389 2.2882 15.5495C2.2664 15.2044 2.3044 14.8582 2.40053 14.5261C2.50902 14.1514 2.71791 13.8032 3.13569 13.1069L4.99984 10M18.9998 10L19.4171 8.53955C19.6149 7.84717 19.7139 7.50097 19.6362 7.22708C19.5681 6.98715 19.4128 6.78132 19.2008 6.64996C18.9588 6.5 18.5988 6.5 17.8787 6.5L6.12101 6.5C5.40092 6.5 5.04087 6.5 4.79886 6.64996C4.58686 6.78132 4.4316 6.98715 4.36354 7.22708C4.28584 7.50097 4.38475 7.84717 4.58257 8.53955L4.99984 10M11.9998 6.5H8.46413C7.94317 6.5 7.44355 6.28929 7.07517 5.91421C6.70679 5.53914 6.49984 5.03043 6.49984 4.5C6.49984 3.96957 6.70679 3.46086 7.07517 3.08579C7.44355 2.71071 7.94317 2.5 8.46413 2.5C11.2141 2.5 11.9998 6.5 11.9998 6.5ZM11.9998 6.5H15.5356C16.0565 6.5 16.5561 6.28929 16.9245 5.91421C17.2929 5.53914 17.4998 5.03043 17.4998 4.5C17.4998 3.96957 17.2929 3.46086 16.9245 3.08579C16.5561 2.71071 16.0565 2.5 15.5356 2.5C12.7856 2.5 11.9998 6.5 11.9998 6.5Z\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" }} />
+    </svg>
+  );
+});
+
+FinanceWallet05.displayName = 'FinanceWallet05';
+
+export default FinanceWallet05;

package/src/generated/general-activity-heart.tsx

@@ -0,0 +1,57 @@
+import * as React from 'react';
+
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+  color?: string; // defaults to currentColor so Tailwind text-* applies
+  strokeWidth?: number | string;
+  absoluteStrokeWidth?: boolean;
+  tone?: 'original' | 'grayscale' | 'black' | 'white';
+  /**
+   * Controls how colors are applied:
+   * - 'original': keep original inline fill/stroke from the SVG
+   * - 'stripped': remove inline fill/stroke so className/text color can apply
+   * - 'currentColor': like 'stripped', and also force svg fill/stroke to currentColor
+   */
+  colorMode?: 'original' | 'stripped' | 'currentColor';
+  /** @deprecated Use colorMode instead */
+  fillMode?: 'none' | 'currentColor';
+}
+
+const GeneralActivityHeart = React.forwardRef<SVGSVGElement, IconProps>(function GeneralActivityHeart(
+  { color = 'currentColor', size = 24, strokeWidth = 2, absoluteStrokeWidth, tone = 'original', colorMode, fillMode = 'none', className, style, ...rest },
+  ref,
+) {
+  const computedStrokeWidth = absoluteStrokeWidth ? (Number(strokeWidth) * 24) / Number(size) : strokeWidth;
+  const filter = tone === 'grayscale' ? 'grayscale(1)'
+    : tone === 'black' ? 'brightness(0)'
+    : tone === 'white' ? 'brightness(0) invert(1)'
+    : undefined;
+  const effectiveColorMode = colorMode ?? (fillMode === 'currentColor' ? 'currentColor' : 'original');
+  const DEFAULT_ORIGINAL_FILL = null as string | null;
+  const DEFAULT_ORIGINAL_STROKE = null as string | null;
+  return (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      // Force currentColor only when requested
+      fill={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      stroke={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      strokeWidth={computedStrokeWidth as number}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={filter ? { ...(style || {}), filter } : style}
+      data-default-fill={DEFAULT_ORIGINAL_FILL ?? undefined}
+      data-default-stroke={DEFAULT_ORIGINAL_STROKE ?? undefined}
+      {...rest}
+    >
+      <g dangerouslySetInnerHTML={{ __html: effectiveColorMode === 'original' ? "<path d=\"M15.5 11.5h-1l-1.5 3-2-6-1.5 3h-1m3.493-6.364c-2-2.338-5.333-2.966-7.838-.826s-2.858 5.719-.89 8.25c1.485 1.912 5.706 5.751 7.683 7.515.363.324.545.486.758.55.184.055.39.055.575 0 .212-.064.394-.226.757-.55 1.977-1.764 6.198-5.603 7.684-7.515 1.967-2.531 1.658-6.132-.89-8.25-2.549-2.118-5.84-1.512-7.839.826z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" : "<path d=\"M15.5 11.5h-1l-1.5 3-2-6-1.5 3h-1m3.493-6.364c-2-2.338-5.333-2.966-7.838-.826s-2.858 5.719-.89 8.25c1.485 1.912 5.706 5.751 7.683 7.515.363.324.545.486.758.55.184.055.39.055.575 0 .212-.064.394-.226.757-.55 1.977-1.764 6.198-5.603 7.684-7.515 1.967-2.531 1.658-6.132-.89-8.25-2.549-2.118-5.84-1.512-7.839.826z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" }} />
+    </svg>
+  );
+});
+
+GeneralActivityHeart.displayName = 'GeneralActivityHeart';
+
+export default GeneralActivityHeart;

package/src/generated/general-activity.tsx

@@ -0,0 +1,57 @@
+import * as React from 'react';
+
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+  color?: string; // defaults to currentColor so Tailwind text-* applies
+  strokeWidth?: number | string;
+  absoluteStrokeWidth?: boolean;
+  tone?: 'original' | 'grayscale' | 'black' | 'white';
+  /**
+   * Controls how colors are applied:
+   * - 'original': keep original inline fill/stroke from the SVG
+   * - 'stripped': remove inline fill/stroke so className/text color can apply
+   * - 'currentColor': like 'stripped', and also force svg fill/stroke to currentColor
+   */
+  colorMode?: 'original' | 'stripped' | 'currentColor';
+  /** @deprecated Use colorMode instead */
+  fillMode?: 'none' | 'currentColor';
+}
+
+const GeneralActivity = React.forwardRef<SVGSVGElement, IconProps>(function GeneralActivity(
+  { color = 'currentColor', size = 24, strokeWidth = 2, absoluteStrokeWidth, tone = 'original', colorMode, fillMode = 'none', className, style, ...rest },
+  ref,
+) {
+  const computedStrokeWidth = absoluteStrokeWidth ? (Number(strokeWidth) * 24) / Number(size) : strokeWidth;
+  const filter = tone === 'grayscale' ? 'grayscale(1)'
+    : tone === 'black' ? 'brightness(0)'
+    : tone === 'white' ? 'brightness(0) invert(1)'
+    : undefined;
+  const effectiveColorMode = colorMode ?? (fillMode === 'currentColor' ? 'currentColor' : 'original');
+  const DEFAULT_ORIGINAL_FILL = null as string | null;
+  const DEFAULT_ORIGINAL_STROKE = null as string | null;
+  return (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      // Force currentColor only when requested
+      fill={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      stroke={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      strokeWidth={computedStrokeWidth as number}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={filter ? { ...(style || {}), filter } : style}
+      data-default-fill={DEFAULT_ORIGINAL_FILL ?? undefined}
+      data-default-stroke={DEFAULT_ORIGINAL_STROKE ?? undefined}
+      {...rest}
+    >
+      <g dangerouslySetInnerHTML={{ __html: effectiveColorMode === 'original' ? "<path d=\"M22 12h-4l-3 9L9 3l-3 9H2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" : "<path d=\"M22 12h-4l-3 9L9 3l-3 9H2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" }} />
+    </svg>
+  );
+});
+
+GeneralActivity.displayName = 'GeneralActivity';
+
+export default GeneralActivity;

package/src/generated/general-anchor.tsx

@@ -0,0 +1,57 @@
+import * as React from 'react';
+
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+  color?: string; // defaults to currentColor so Tailwind text-* applies
+  strokeWidth?: number | string;
+  absoluteStrokeWidth?: boolean;
+  tone?: 'original' | 'grayscale' | 'black' | 'white';
+  /**
+   * Controls how colors are applied:
+   * - 'original': keep original inline fill/stroke from the SVG
+   * - 'stripped': remove inline fill/stroke so className/text color can apply
+   * - 'currentColor': like 'stripped', and also force svg fill/stroke to currentColor
+   */
+  colorMode?: 'original' | 'stripped' | 'currentColor';
+  /** @deprecated Use colorMode instead */
+  fillMode?: 'none' | 'currentColor';
+}
+
+const GeneralAnchor = React.forwardRef<SVGSVGElement, IconProps>(function GeneralAnchor(
+  { color = 'currentColor', size = 24, strokeWidth = 2, absoluteStrokeWidth, tone = 'original', colorMode, fillMode = 'none', className, style, ...rest },
+  ref,
+) {
+  const computedStrokeWidth = absoluteStrokeWidth ? (Number(strokeWidth) * 24) / Number(size) : strokeWidth;
+  const filter = tone === 'grayscale' ? 'grayscale(1)'
+    : tone === 'black' ? 'brightness(0)'
+    : tone === 'white' ? 'brightness(0) invert(1)'
+    : undefined;
+  const effectiveColorMode = colorMode ?? (fillMode === 'currentColor' ? 'currentColor' : 'original');
+  const DEFAULT_ORIGINAL_FILL = null as string | null;
+  const DEFAULT_ORIGINAL_STROKE = null as string | null;
+  return (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      // Force currentColor only when requested
+      fill={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      stroke={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      strokeWidth={computedStrokeWidth as number}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={filter ? { ...(style || {}), filter } : style}
+      data-default-fill={DEFAULT_ORIGINAL_FILL ?? undefined}
+      data-default-stroke={DEFAULT_ORIGINAL_STROKE ?? undefined}
+      {...rest}
+    >
+      <g dangerouslySetInnerHTML={{ __html: effectiveColorMode === 'original' ? "<path d=\"M12 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 0v14m0 0A10 10 0 0 1 2 12h3m7 10a10 10 0 0 0 10-10h-3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" : "<path d=\"M12 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 0v14m0 0A10 10 0 0 1 2 12h3m7 10a10 10 0 0 0 10-10h-3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" }} />
+    </svg>
+  );
+});
+
+GeneralAnchor.displayName = 'GeneralAnchor';
+
+export default GeneralAnchor;

package/src/generated/general-archive.tsx

@@ -0,0 +1,57 @@
+import * as React from 'react';
+
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+  color?: string; // defaults to currentColor so Tailwind text-* applies
+  strokeWidth?: number | string;
+  absoluteStrokeWidth?: boolean;
+  tone?: 'original' | 'grayscale' | 'black' | 'white';
+  /**
+   * Controls how colors are applied:
+   * - 'original': keep original inline fill/stroke from the SVG
+   * - 'stripped': remove inline fill/stroke so className/text color can apply
+   * - 'currentColor': like 'stripped', and also force svg fill/stroke to currentColor
+   */
+  colorMode?: 'original' | 'stripped' | 'currentColor';
+  /** @deprecated Use colorMode instead */
+  fillMode?: 'none' | 'currentColor';
+}
+
+const GeneralArchive = React.forwardRef<SVGSVGElement, IconProps>(function GeneralArchive(
+  { color = 'currentColor', size = 24, strokeWidth = 2, absoluteStrokeWidth, tone = 'original', colorMode, fillMode = 'none', className, style, ...rest },
+  ref,
+) {
+  const computedStrokeWidth = absoluteStrokeWidth ? (Number(strokeWidth) * 24) / Number(size) : strokeWidth;
+  const filter = tone === 'grayscale' ? 'grayscale(1)'
+    : tone === 'black' ? 'brightness(0)'
+    : tone === 'white' ? 'brightness(0) invert(1)'
+    : undefined;
+  const effectiveColorMode = colorMode ?? (fillMode === 'currentColor' ? 'currentColor' : 'original');
+  const DEFAULT_ORIGINAL_FILL = null as string | null;
+  const DEFAULT_ORIGINAL_STROKE = null as string | null;
+  return (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      // Force currentColor only when requested
+      fill={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      stroke={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      strokeWidth={computedStrokeWidth as number}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={filter ? { ...(style || {}), filter } : style}
+      data-default-fill={DEFAULT_ORIGINAL_FILL ?? undefined}
+      data-default-stroke={DEFAULT_ORIGINAL_STROKE ?? undefined}
+      {...rest}
+    >
+      <g dangerouslySetInnerHTML={{ __html: effectiveColorMode === 'original' ? "<path d=\"M4 7.997a2.295 2.295 0 0 1-.39-.035A2 2 0 0 1 2.038 6.39C2 6.197 2 5.965 2 5.5s0-.697.038-.89A2 2 0 0 1 3.61 3.038C3.803 3 4.035 3 4.5 3h15c.465 0 .697 0 .89.038a2 2 0 0 1 1.572 1.572c.038.193.038.425.038.89s0 .697-.038.89a2 2 0 0 1-1.572 1.572c-.107.02-.226.03-.39.035M10 13h4M4 8h16v8.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C17.72 21 16.88 21 15.2 21H8.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C4 18.72 4 17.88 4 16.2V8z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" : "<path d=\"M4 7.997a2.295 2.295 0 0 1-.39-.035A2 2 0 0 1 2.038 6.39C2 6.197 2 5.965 2 5.5s0-.697.038-.89A2 2 0 0 1 3.61 3.038C3.803 3 4.035 3 4.5 3h15c.465 0 .697 0 .89.038a2 2 0 0 1 1.572 1.572c.038.193.038.425.038.89s0 .697-.038.89a2 2 0 0 1-1.572 1.572c-.107.02-.226.03-.39.035M10 13h4M4 8h16v8.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C17.72 21 16.88 21 15.2 21H8.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C4 18.72 4 17.88 4 16.2V8z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" }} />
+    </svg>
+  );
+});
+
+GeneralArchive.displayName = 'GeneralArchive';
+
+export default GeneralArchive;

package/src/generated/general-asterisk-01.tsx

@@ -0,0 +1,57 @@
+import * as React from 'react';
+
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+  color?: string; // defaults to currentColor so Tailwind text-* applies
+  strokeWidth?: number | string;
+  absoluteStrokeWidth?: boolean;
+  tone?: 'original' | 'grayscale' | 'black' | 'white';
+  /**
+   * Controls how colors are applied:
+   * - 'original': keep original inline fill/stroke from the SVG
+   * - 'stripped': remove inline fill/stroke so className/text color can apply
+   * - 'currentColor': like 'stripped', and also force svg fill/stroke to currentColor
+   */
+  colorMode?: 'original' | 'stripped' | 'currentColor';
+  /** @deprecated Use colorMode instead */
+  fillMode?: 'none' | 'currentColor';
+}
+
+const GeneralAsterisk01 = React.forwardRef<SVGSVGElement, IconProps>(function GeneralAsterisk01(
+  { color = 'currentColor', size = 24, strokeWidth = 2, absoluteStrokeWidth, tone = 'original', colorMode, fillMode = 'none', className, style, ...rest },
+  ref,
+) {
+  const computedStrokeWidth = absoluteStrokeWidth ? (Number(strokeWidth) * 24) / Number(size) : strokeWidth;
+  const filter = tone === 'grayscale' ? 'grayscale(1)'
+    : tone === 'black' ? 'brightness(0)'
+    : tone === 'white' ? 'brightness(0) invert(1)'
+    : undefined;
+  const effectiveColorMode = colorMode ?? (fillMode === 'currentColor' ? 'currentColor' : 'original');
+  const DEFAULT_ORIGINAL_FILL = null as string | null;
+  const DEFAULT_ORIGINAL_STROKE = null as string | null;
+  return (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      // Force currentColor only when requested
+      fill={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      stroke={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      strokeWidth={computedStrokeWidth as number}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={filter ? { ...(style || {}), filter } : style}
+      data-default-fill={DEFAULT_ORIGINAL_FILL ?? undefined}
+      data-default-stroke={DEFAULT_ORIGINAL_STROKE ?? undefined}
+      {...rest}
+    >
+      <g dangerouslySetInnerHTML={{ __html: effectiveColorMode === 'original' ? "<path d=\"M12 2v20m7.071-17.071L4.93 19.07M22 12H2m17.071 7.071L4.93 4.93\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" : "<path d=\"M12 2v20m7.071-17.071L4.93 19.07M22 12H2m17.071 7.071L4.93 4.93\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" }} />
+    </svg>
+  );
+});
+
+GeneralAsterisk01.displayName = 'GeneralAsterisk01';
+
+export default GeneralAsterisk01;

package/src/generated/general-asterisk-02.tsx

@@ -0,0 +1,57 @@
+import * as React from 'react';
+
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+  color?: string; // defaults to currentColor so Tailwind text-* applies
+  strokeWidth?: number | string;
+  absoluteStrokeWidth?: boolean;
+  tone?: 'original' | 'grayscale' | 'black' | 'white';
+  /**
+   * Controls how colors are applied:
+   * - 'original': keep original inline fill/stroke from the SVG
+   * - 'stripped': remove inline fill/stroke so className/text color can apply
+   * - 'currentColor': like 'stripped', and also force svg fill/stroke to currentColor
+   */
+  colorMode?: 'original' | 'stripped' | 'currentColor';
+  /** @deprecated Use colorMode instead */
+  fillMode?: 'none' | 'currentColor';
+}
+
+const GeneralAsterisk02 = React.forwardRef<SVGSVGElement, IconProps>(function GeneralAsterisk02(
+  { color = 'currentColor', size = 24, strokeWidth = 2, absoluteStrokeWidth, tone = 'original', colorMode, fillMode = 'none', className, style, ...rest },
+  ref,
+) {
+  const computedStrokeWidth = absoluteStrokeWidth ? (Number(strokeWidth) * 24) / Number(size) : strokeWidth;
+  const filter = tone === 'grayscale' ? 'grayscale(1)'
+    : tone === 'black' ? 'brightness(0)'
+    : tone === 'white' ? 'brightness(0) invert(1)'
+    : undefined;
+  const effectiveColorMode = colorMode ?? (fillMode === 'currentColor' ? 'currentColor' : 'original');
+  const DEFAULT_ORIGINAL_FILL = null as string | null;
+  const DEFAULT_ORIGINAL_STROKE = null as string | null;
+  return (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      // Force currentColor only when requested
+      fill={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      stroke={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      strokeWidth={computedStrokeWidth as number}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={filter ? { ...(style || {}), filter } : style}
+      data-default-fill={DEFAULT_ORIGINAL_FILL ?? undefined}
+      data-default-stroke={DEFAULT_ORIGINAL_STROKE ?? undefined}
+      {...rest}
+    >
+      <g dangerouslySetInnerHTML={{ __html: effectiveColorMode === 'original' ? "<path d=\"M12 4v16m6-14L6 18m14-6H4m14 6L6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" : "<path d=\"M12 4v16m6-14L6 18m14-6H4m14 6L6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" }} />
+    </svg>
+  );
+});
+
+GeneralAsterisk02.displayName = 'GeneralAsterisk02';
+
+export default GeneralAsterisk02;

package/src/generated/general-at-sign.tsx

@@ -0,0 +1,57 @@
+import * as React from 'react';
+
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+  color?: string; // defaults to currentColor so Tailwind text-* applies
+  strokeWidth?: number | string;
+  absoluteStrokeWidth?: boolean;
+  tone?: 'original' | 'grayscale' | 'black' | 'white';
+  /**
+   * Controls how colors are applied:
+   * - 'original': keep original inline fill/stroke from the SVG
+   * - 'stripped': remove inline fill/stroke so className/text color can apply
+   * - 'currentColor': like 'stripped', and also force svg fill/stroke to currentColor
+   */
+  colorMode?: 'original' | 'stripped' | 'currentColor';
+  /** @deprecated Use colorMode instead */
+  fillMode?: 'none' | 'currentColor';
+}
+
+const GeneralAtSign = React.forwardRef<SVGSVGElement, IconProps>(function GeneralAtSign(
+  { color = 'currentColor', size = 24, strokeWidth = 2, absoluteStrokeWidth, tone = 'original', colorMode, fillMode = 'none', className, style, ...rest },
+  ref,
+) {
+  const computedStrokeWidth = absoluteStrokeWidth ? (Number(strokeWidth) * 24) / Number(size) : strokeWidth;
+  const filter = tone === 'grayscale' ? 'grayscale(1)'
+    : tone === 'black' ? 'brightness(0)'
+    : tone === 'white' ? 'brightness(0) invert(1)'
+    : undefined;
+  const effectiveColorMode = colorMode ?? (fillMode === 'currentColor' ? 'currentColor' : 'original');
+  const DEFAULT_ORIGINAL_FILL = null as string | null;
+  const DEFAULT_ORIGINAL_STROKE = null as string | null;
+  return (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      // Force currentColor only when requested
+      fill={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      stroke={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      strokeWidth={computedStrokeWidth as number}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={filter ? { ...(style || {}), filter } : style}
+      data-default-fill={DEFAULT_ORIGINAL_FILL ?? undefined}
+      data-default-stroke={DEFAULT_ORIGINAL_STROKE ?? undefined}
+      {...rest}
+    >
+      <g dangerouslySetInnerHTML={{ __html: effectiveColorMode === 'original' ? "<path d=\"M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" : "<path d=\"M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" }} />
+    </svg>
+  );
+});
+
+GeneralAtSign.displayName = 'GeneralAtSign';
+
+export default GeneralAtSign;

package/src/generated/general-bonfire.tsx

@@ -0,0 +1,57 @@
+import * as React from 'react';
+
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+  color?: string; // defaults to currentColor so Tailwind text-* applies
+  strokeWidth?: number | string;
+  absoluteStrokeWidth?: boolean;
+  tone?: 'original' | 'grayscale' | 'black' | 'white';
+  /**
+   * Controls how colors are applied:
+   * - 'original': keep original inline fill/stroke from the SVG
+   * - 'stripped': remove inline fill/stroke so className/text color can apply
+   * - 'currentColor': like 'stripped', and also force svg fill/stroke to currentColor
+   */
+  colorMode?: 'original' | 'stripped' | 'currentColor';
+  /** @deprecated Use colorMode instead */
+  fillMode?: 'none' | 'currentColor';
+}
+
+const GeneralBonfire = React.forwardRef<SVGSVGElement, IconProps>(function GeneralBonfire(
+  { color = 'currentColor', size = 24, strokeWidth = 2, absoluteStrokeWidth, tone = 'original', colorMode, fillMode = 'none', className, style, ...rest },
+  ref,
+) {
+  const computedStrokeWidth = absoluteStrokeWidth ? (Number(strokeWidth) * 24) / Number(size) : strokeWidth;
+  const filter = tone === 'grayscale' ? 'grayscale(1)'
+    : tone === 'black' ? 'brightness(0)'
+    : tone === 'white' ? 'brightness(0) invert(1)'
+    : undefined;
+  const effectiveColorMode = colorMode ?? (fillMode === 'currentColor' ? 'currentColor' : 'original');
+  const DEFAULT_ORIGINAL_FILL = null as string | null;
+  const DEFAULT_ORIGINAL_STROKE = null as string | null;
+  return (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      // Force currentColor only when requested
+      fill={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      stroke={effectiveColorMode === 'currentColor' ? 'currentColor' : undefined}
+      strokeWidth={computedStrokeWidth as number}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={filter ? { ...(style || {}), filter } : style}
+      data-default-fill={DEFAULT_ORIGINAL_FILL ?? undefined}
+      data-default-stroke={DEFAULT_ORIGINAL_STROKE ?? undefined}
+      {...rest}
+    >
+      <g dangerouslySetInnerHTML={{ __html: effectiveColorMode === 'original' ? "<path d=\"M9 14C9 15.6099 10.3771 16 12.0758 16C14.9661 16 15.9206 14.3333 13.9982 11C11.3069 14 10.9224 9.33333 11.3069 8C10.1534 10 9 11.8785 9 14Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path d=\"M12 16C15.1559 16 17 13.9024 17 10.3125C17 6.72265 12 3 12 3C12 3 7 6.72265 7 10.3125C7 13.9024 8.84409 16 12 16Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path d=\"M4.27246 21.0703L19.7273 16.9292\" stroke-linecap=\"round\"/> <path d=\"M4.27259 16.9294L12 19\" stroke-linecap=\"round\"/> <path d=\"M19.7275 21.0703L15.8638 20.035\" stroke-linecap=\"round\"/> <defs> </defs>" : "<path d=\"M9 14C9 15.6099 10.3771 16 12.0758 16C14.9661 16 15.9206 14.3333 13.9982 11C11.3069 14 10.9224 9.33333 11.3069 8C10.1534 10 9 11.8785 9 14Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path d=\"M12 16C15.1559 16 17 13.9024 17 10.3125C17 6.72265 12 3 12 3C12 3 7 6.72265 7 10.3125C7 13.9024 8.84409 16 12 16Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path d=\"M4.27246 21.0703L19.7273 16.9292\" stroke-linecap=\"round\"/> <path d=\"M4.27259 16.9294L12 19\" stroke-linecap=\"round\"/> <path d=\"M19.7275 21.0703L15.8638 20.035\" stroke-linecap=\"round\"/> <defs> </defs>" }} />
+    </svg>
+  );
+});
+
+GeneralBonfire.displayName = 'GeneralBonfire';
+
+export default GeneralBonfire;