@honeycluster/icons-base 0.0.1

package/src/generated/shapes-star-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 ShapesStar04 = React.forwardRef<SVGSVGElement, IconProps>(function ShapesStar04(
+  { 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 2 2.012 5.231c.282.733.423 1.1.642 1.408.195.274.433.512.707.707.308.219.675.36 1.408.642L22 12l-5.231 2.012c-.733.282-1.1.423-1.408.642a3.003 3.003 0 0 0-.707.707c-.219.308-.36.675-.642 1.408L12 22l-2.012-5.231c-.282-.733-.423-1.1-.642-1.408a3.002 3.002 0 0 0-.707-.707c-.308-.219-.675-.36-1.408-.642L2 12l5.231-2.012c.733-.282 1.1-.423 1.408-.642a3 3 0 0 0 .707-.707c.219-.308.36-.675.642-1.408L12 2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" : "<path d=\"m12 2 2.012 5.231c.282.733.423 1.1.642 1.408.195.274.433.512.707.707.308.219.675.36 1.408.642L22 12l-5.231 2.012c-.733.282-1.1.423-1.408.642a3.003 3.003 0 0 0-.707.707c-.219.308-.36.675-.642 1.408L12 22l-2.012-5.231c-.282-.733-.423-1.1-.642-1.408a3.002 3.002 0 0 0-.707-.707c-.308-.219-.675-.36-1.408-.642L2 12l5.231-2.012c.733-.282 1.1-.423 1.408-.642a3 3 0 0 0 .707-.707c.219-.308.36-.675.642-1.408L12 2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" }} />
+    </svg>
+  );
+});
+
+ShapesStar04.displayName = 'ShapesStar04';
+
+export default ShapesStar04;

package/src/generated/shapes-star-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 ShapesStar05 = React.forwardRef<SVGSVGElement, IconProps>(function ShapesStar05(
+  { 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 2-1.302 5.206c-.254 1.016-.38 1.524-.645 1.937a3 3 0 0 1-.91.91c-.413.265-.921.391-1.937.645L2 12l5.206 1.302c1.016.254 1.524.38 1.937.645a3 3 0 0 1 .91.91c.265.413.391.921.645 1.937L12 22l1.302-5.206c.254-1.016.38-1.524.645-1.937.234-.366.544-.676.91-.91.413-.265.921-.391 1.937-.645L22 12l-5.206-1.302c-1.016-.254-1.524-.38-1.937-.645a3 3 0 0 1-.91-.91c-.265-.413-.391-.921-.645-1.937L12 2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" : "<path d=\"m12 2-1.302 5.206c-.254 1.016-.38 1.524-.645 1.937a3 3 0 0 1-.91.91c-.413.265-.921.391-1.937.645L2 12l5.206 1.302c1.016.254 1.524.38 1.937.645a3 3 0 0 1 .91.91c.265.413.391.921.645 1.937L12 22l1.302-5.206c.254-1.016.38-1.524.645-1.937.234-.366.544-.676.91-.91.413-.265.921-.391 1.937-.645L22 12l-5.206-1.302c-1.016-.254-1.524-.38-1.937-.645a3 3 0 0 1-.91-.91c-.265-.413-.391-.921-.645-1.937L12 2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" }} />
+    </svg>
+  );
+});
+
+ShapesStar05.displayName = 'ShapesStar05';
+
+export default ShapesStar05;

package/src/generated/shapes-star-06.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 ShapesStar06 = React.forwardRef<SVGSVGElement, IconProps>(function ShapesStar06(
+  { 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.5 22v-5m0-10V2M2 4.5h5m-5 15h5M13 3l-1.734 4.509c-.282.733-.423 1.1-.643 1.408a3 3 0 0 1-.706.707c-.308.219-.675.36-1.408.642L4 12l4.509 1.734c.733.282 1.1.423 1.408.643.273.194.512.433.707.706.219.308.36.675.642 1.408L13 21l1.734-4.509c.282-.733.423-1.1.643-1.408.194-.273.433-.512.706-.707.308-.219.675-.36 1.408-.642L22 12l-4.509-1.734c-.733-.282-1.1-.423-1.408-.642a3 3 0 0 1-.706-.707c-.22-.308-.36-.675-.643-1.408L13 3z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" : "<path d=\"M4.5 22v-5m0-10V2M2 4.5h5m-5 15h5M13 3l-1.734 4.509c-.282.733-.423 1.1-.643 1.408a3 3 0 0 1-.706.707c-.308.219-.675.36-1.408.642L4 12l4.509 1.734c.733.282 1.1.423 1.408.643.273.194.512.433.707.706.219.308.36.675.642 1.408L13 21l1.734-4.509c.282-.733.423-1.1.643-1.408.194-.273.433-.512.706-.707.308-.219.675-.36 1.408-.642L22 12l-4.509-1.734c-.733-.282-1.1-.423-1.408-.642a3 3 0 0 1-.706-.707c-.22-.308-.36-.675-.643-1.408L13 3z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" }} />
+    </svg>
+  );
+});
+
+ShapesStar06.displayName = 'ShapesStar06';
+
+export default ShapesStar06;

package/src/generated/shapes-star-07.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 ShapesStar07 = React.forwardRef<SVGSVGElement, IconProps>(function ShapesStar07(
+  { 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-2m-.929 7.071-1.414-1.414M4 12H2m4.343-5.657L4.929 4.93M12 4V2m5.657 4.343L19.07 4.93M12 22v-2m-7.071-.929 1.414-1.414M12 7l1.545 3.13 3.455.505-2.5 2.435.59 3.44L12 14.885 8.91 16.51l.59-3.44L7 10.635l3.455-.505L12 7z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" : "<path d=\"M22 12h-2m-.929 7.071-1.414-1.414M4 12H2m4.343-5.657L4.929 4.93M12 4V2m5.657 4.343L19.07 4.93M12 22v-2m-7.071-.929 1.414-1.414M12 7l1.545 3.13 3.455.505-2.5 2.435.59 3.44L12 14.885 8.91 16.51l.59-3.44L7 10.635l3.455-.505L12 7z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" }} />
+    </svg>
+  );
+});
+
+ShapesStar07.displayName = 'ShapesStar07';
+
+export default ShapesStar07;

package/src/generated/shapes-triangle.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 ShapesTriangle = React.forwardRef<SVGSVGElement, IconProps>(function ShapesTriangle(
+  { 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=\"m2.39 18.098 8.225-14.206c.455-.785.682-1.178.979-1.31a1 1 0 0 1 .812 0c.297.132.524.525.978 1.31l8.225 14.206c.456.788.685 1.182.65 1.506a1 1 0 0 1-.406.705c-.263.191-.718.191-1.628.191H3.775c-.91 0-1.366 0-1.629-.191a1 1 0 0 1-.406-.705c-.034-.324.194-.718.65-1.506z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" : "<path d=\"m2.39 18.098 8.225-14.206c.455-.785.682-1.178.979-1.31a1 1 0 0 1 .812 0c.297.132.524.525.978 1.31l8.225 14.206c.456.788.685 1.182.65 1.506a1 1 0 0 1-.406.705c-.263.191-.718.191-1.628.191H3.775c-.91 0-1.366 0-1.629-.191a1 1 0 0 1-.406-.705c-.034-.324.194-.718.65-1.506z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>" }} />
+    </svg>
+  );
+});
+
+ShapesTriangle.displayName = 'ShapesTriangle';
+
+export default ShapesTriangle;

package/src/generated/social-apple.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 SocialApple = React.forwardRef<SVGSVGElement, IconProps>(function SocialApple(
+  { 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 48 48"
+      // 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' ? "<g clip-path=\"url(#clip0_4365_14530)\"> <path d=\"M43.5839 37.4071C42.858 39.0841 41.9988 40.6278 41.0033 42.047C39.6463 43.9817 38.5352 45.321 37.6789 46.0647C36.3516 47.2854 34.9294 47.9105 33.4065 47.9461C32.3132 47.9461 30.9947 47.635 29.4599 47.0039C27.9201 46.3757 26.5051 46.0647 25.2112 46.0647C23.8542 46.0647 22.3988 46.3757 20.8421 47.0039C19.2831 47.635 18.0271 47.9639 17.0668 47.9964C15.6064 48.0587 14.1508 47.4157 12.6978 46.0647C11.7704 45.2558 10.6105 43.8692 9.22087 41.9048C7.72995 39.8071 6.50422 37.3745 5.54395 34.6013C4.51554 31.6058 4 28.7052 4 25.897C4 22.6802 4.69509 19.9057 6.08734 17.5808C7.18153 15.7133 8.63718 14.2401 10.4591 13.1587C12.2809 12.0772 14.2495 11.5261 16.3694 11.4909C17.5293 11.4909 19.0505 11.8497 20.9408 12.5548C22.8258 13.2624 24.0361 13.6212 24.5667 13.6212C24.9635 13.6212 26.308 13.2016 28.5874 12.3652C30.7428 11.5895 32.562 11.2684 34.0524 11.3949C38.0908 11.7208 41.1247 13.3127 43.1425 16.1808C39.5307 18.3692 37.7441 21.4343 37.7797 25.3663C37.8123 28.429 38.9233 30.9777 41.107 33.0013C42.0966 33.9406 43.2017 34.6665 44.4313 35.182C44.1646 35.9553 43.8832 36.696 43.5839 37.4071V37.4071ZM34.322 0.960823C34.322 3.36137 33.445 5.60276 31.6969 7.67736C29.5873 10.1437 27.0357 11.5688 24.2687 11.3439C24.2334 11.0559 24.213 10.7528 24.213 10.4343C24.213 8.12979 25.2162 5.6635 26.9978 3.64696C27.8872 2.62596 29.0185 1.77701 30.3903 1.09978C31.7591 0.43266 33.0539 0.0637274 34.2716 0.000549316C34.3072 0.321465 34.322 0.642401 34.322 0.960792V0.960823Z\" /> </g> <defs> <clipPath id=\"clip0_4365_14530\"> <rect /> </clipPath> </defs>" : "<g clip-path=\"url(#clip0_4365_14530)\"> <path d=\"M43.5839 37.4071C42.858 39.0841 41.9988 40.6278 41.0033 42.047C39.6463 43.9817 38.5352 45.321 37.6789 46.0647C36.3516 47.2854 34.9294 47.9105 33.4065 47.9461C32.3132 47.9461 30.9947 47.635 29.4599 47.0039C27.9201 46.3757 26.5051 46.0647 25.2112 46.0647C23.8542 46.0647 22.3988 46.3757 20.8421 47.0039C19.2831 47.635 18.0271 47.9639 17.0668 47.9964C15.6064 48.0587 14.1508 47.4157 12.6978 46.0647C11.7704 45.2558 10.6105 43.8692 9.22087 41.9048C7.72995 39.8071 6.50422 37.3745 5.54395 34.6013C4.51554 31.6058 4 28.7052 4 25.897C4 22.6802 4.69509 19.9057 6.08734 17.5808C7.18153 15.7133 8.63718 14.2401 10.4591 13.1587C12.2809 12.0772 14.2495 11.5261 16.3694 11.4909C17.5293 11.4909 19.0505 11.8497 20.9408 12.5548C22.8258 13.2624 24.0361 13.6212 24.5667 13.6212C24.9635 13.6212 26.308 13.2016 28.5874 12.3652C30.7428 11.5895 32.562 11.2684 34.0524 11.3949C38.0908 11.7208 41.1247 13.3127 43.1425 16.1808C39.5307 18.3692 37.7441 21.4343 37.7797 25.3663C37.8123 28.429 38.9233 30.9777 41.107 33.0013C42.0966 33.9406 43.2017 34.6665 44.4313 35.182C44.1646 35.9553 43.8832 36.696 43.5839 37.4071V37.4071ZM34.322 0.960823C34.322 3.36137 33.445 5.60276 31.6969 7.67736C29.5873 10.1437 27.0357 11.5688 24.2687 11.3439C24.2334 11.0559 24.213 10.7528 24.213 10.4343C24.213 8.12979 25.2162 5.6635 26.9978 3.64696C27.8872 2.62596 29.0185 1.77701 30.3903 1.09978C31.7591 0.43266 33.0539 0.0637274 34.2716 0.000549316C34.3072 0.321465 34.322 0.642401 34.322 0.960792V0.960823Z\" /> </g> <defs> <clipPath id=\"clip0_4365_14530\"> <rect /> </clipPath> </defs>" }} />
+    </svg>
+  );
+});
+
+SocialApple.displayName = 'SocialApple';
+
+export default SocialApple;

package/src/generated/social-clubhouse.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 SocialClubhouse = React.forwardRef<SVGSVGElement, IconProps>(function SocialClubhouse(
+  { 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 48 48"
+      // 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 fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.811 20.5818C12.446 22.6871 13.2146 24.6618 14.05 26.5666C15.487 29.9782 16.4561 31.7828 17.7959 34.0218L17.9444 34.2645C19.5434 36.8777 21.3306 39.7987 24.2151 41.7109C26.3872 43.1479 29.0303 43.883 31.57 43.883C35.1488 43.883 38.2232 42.3124 40.1979 40.4714C42.1361 38.6668 44.6455 35.1884 44.6455 28.4015C44.6455 26.1964 45.5661 24.2855 46.3155 22.7299L46.3155 22.7299C46.361 22.6353 46.406 22.5421 46.45 22.4501C46.45 22.4167 46.4834 22.3499 46.5503 22.2162C46.851 21.5478 47.2186 20.679 47.2186 19.8101C47.2186 19.1752 47.0515 18.44 46.6171 17.8051C45.9488 16.6689 44.7457 16.2678 43.6399 16.2678C41.0667 16.2678 39.2926 18.0724 38.3903 19.9134L38.0895 20.5149C37.7219 19.9803 37.3543 19.4122 37.0536 18.9109C36.1179 17.2734 35.5832 16.1706 35.1153 14.7641C34.7477 13.6613 34.447 12.3914 34.2465 11.3524C33.6784 8.07443 32.7427 7.00506 31.2024 6.60405C30.0662 6.30329 28.7295 6.53722 27.7574 7.17215C27.0921 5.66835 25.9559 5 24.449 5C22.3103 5 20.369 6.40354 20.369 8.77924C20.369 9.03255 20.3927 9.28586 20.4202 9.57911L20.4202 9.57916C20.4253 9.63407 20.4306 9.69038 20.4359 9.74835C20.1685 9.68152 19.8678 9.6481 19.567 9.6481C17.2612 9.6481 15.5538 11.2522 15.5538 13.4273C15.5538 13.9286 15.6207 14.4967 15.7877 15.1651C15.5872 15.1316 15.3867 15.1316 15.1862 15.1316C14.05 15.1985 13.0141 15.6329 12.2759 16.5352C11.5437 17.4041 11.2429 18.7408 11.811 20.5818ZM13.7158 19.9802C13.4151 19.0111 13.4485 18.2759 13.8161 17.8081C14.1837 17.3736 14.6849 17.1731 15.2865 17.1397C16.3224 17.1063 16.7234 17.8415 17.3249 19.7463C17.6925 20.9493 18.4277 22.6901 18.8622 23.6592C19.4303 24.8288 20.2323 26.3995 20.5999 26.9372C20.9006 27.405 21.168 27.5387 21.4687 27.5387C22.0034 27.5387 22.4044 27.2379 22.4044 26.7033C22.4044 26.4326 22.1608 25.9995 21.9903 25.6963L21.9903 25.6963C21.9713 25.6626 21.9533 25.6305 21.9366 25.6005C21.8761 25.4862 21.8021 25.349 21.7189 25.1947L21.7188 25.1944L21.7187 25.1944C21.3883 24.5817 20.9134 23.7011 20.5665 22.9271C20.0986 21.8577 19.5639 20.521 19.1295 19.3149C18.8622 18.6131 18.5614 17.6106 18.2606 16.6081C17.7928 15.0709 17.5589 14.1352 17.5589 13.4304C17.5589 12.361 18.3609 11.6592 19.5639 11.6592C20.4328 11.6592 21.0009 12.0936 21.3685 13.6643C21.6692 15.1012 22.2039 17.4435 22.9725 19.2815C23.4738 20.4845 24.209 22.0916 24.6434 22.8936C24.7308 23.0465 24.8217 23.1922 24.9045 23.3249C25.0752 23.5985 25.2115 23.8171 25.2115 23.9296C25.2115 24.0783 25.036 24.281 24.8136 24.5378C24.6862 24.6849 24.5434 24.8498 24.4095 25.0324C24.1756 25.3331 24.0753 25.5336 24.0753 25.7676C24.0753 25.9681 24.209 26.1686 24.4095 26.4359C24.61 26.7033 24.8105 26.9706 25.0444 26.9706C25.2115 26.9706 25.3118 26.9038 25.412 26.7701C26.448 25.4668 27.5842 24.5645 28.8905 23.8263C30.4277 22.9574 32.0014 22.523 33.2379 22.2557C33.8394 22.122 34.0065 21.9883 34.0065 21.6542C34.0065 21.2531 33.7057 21.0192 33.3047 20.9858C33.0589 20.9585 32.8355 20.9758 32.5067 21.0013C32.4332 21.007 32.3543 21.0131 32.2687 21.0192C31.9346 21.0526 31.7675 20.8855 31.567 20.4511C31.4735 20.2538 31.3663 20.0353 31.2492 19.7969C30.6132 18.5011 29.6868 16.6136 29.0941 14.2992C28.7933 13.1296 28.526 11.8931 28.3589 10.286C28.2586 9.55086 28.3923 9.28352 28.7599 8.94934C29.2277 8.54833 30.0632 8.38124 30.6981 8.54833C31.4667 8.74884 31.8677 9.35035 32.2687 11.6926C32.4692 12.7954 32.8034 14.199 33.2044 15.405C33.7057 16.9423 34.3406 18.2152 35.3098 19.9195C35.8444 20.8552 36.5128 21.8243 37.2146 22.763C37.0809 23.164 36.847 23.4314 36.0784 24.0663C35.3098 24.7012 34.5411 25.3696 33.8394 26.6061C33.3381 27.5083 33.1042 28.5109 33.1042 29.1792C33.1042 29.8141 33.2379 29.9478 33.6389 29.9478C34.3406 29.9478 34.9087 29.8142 34.9422 29.5134C35.1092 28.3104 35.3098 27.5417 35.9781 26.6364C36.3791 26.1352 37.0809 25.5002 37.649 24.999C38.7184 24.1301 39.086 23.6288 39.4536 22.3924C39.6206 21.8243 39.8211 21.2896 40.0885 20.7883C40.7234 19.6187 41.8596 18.282 43.6338 18.282C44.2019 18.282 44.6698 18.4491 44.9705 18.9169C45.1376 19.1843 45.2044 19.5519 45.2044 19.8192C45.2044 20.392 44.8105 21.177 44.5997 21.5969L44.5695 21.6572C44.5323 21.7367 44.4938 21.8184 44.4544 21.9022L44.4543 21.9024C43.7155 23.473 42.6313 25.7775 42.6313 28.4106C42.6313 34.4623 40.4925 37.4729 38.8186 39.0101C37.1811 40.5473 34.6049 41.8871 31.5639 41.8871C29.3918 41.8871 27.1498 41.2521 25.3118 40.0491C22.7907 38.3793 21.197 35.7762 19.5934 33.1572L19.5934 33.1572L19.4941 32.9949C18.1908 30.8228 17.2885 29.1154 15.8819 25.8071C15.089 23.8901 14.3508 22.0187 13.7158 19.9802ZM24.4489 7.00806C23.4798 7.00806 22.3102 7.50932 22.3102 8.7792C22.3102 9.61464 22.5441 10.8511 22.778 11.8506C23.0687 12.5553 23.1838 13.0653 23.4161 14.0946C23.5043 14.4852 23.6093 14.9505 23.7471 15.5296C24.0479 16.7691 24.4155 17.8384 24.7831 18.7741C25.2175 19.9134 25.7188 20.8825 26.4206 22.1858C26.7547 22.8207 26.9218 22.8207 27.7239 22.3863C28.3588 22.0521 29.2945 21.6511 29.9963 21.4172C28.7932 18.8106 27.7907 16.6354 27.2894 14.7974C27.1558 14.2627 26.6879 12.121 26.5542 11.1853C26.454 10.2496 26.3537 9.44755 26.1198 8.57869C25.8525 7.50932 25.4849 7.00806 24.4489 7.00806Z\" /> <path d=\"M10.3406 31.163C9.63271 31.6005 5.88081 33.5661 5.03321 33.879C4.42866 34.1038 3.77246 34.0491 3.38663 32.9068C2.91271 31.4942 3.57803 31.16 4.52587 30.7924C5.36435 30.4673 8.84283 29.2096 9.65094 28.9909C10.219 28.839 10.614 29.0304 10.8874 29.7139C11.1882 30.4643 10.9816 30.7651 10.3406 31.163Z\" /> <path d=\"M7.24788 23.2005C6.23927 23.2278 2.04991 23.0486 1.09295 22.9544C0.26054 22.8724 -0.0766752 22.5048 0.014464 21.2987C0.111679 20.0045 0.615983 19.9256 1.4332 20.0045C2.38105 20.0957 6.77092 20.8096 7.46965 21.0253C8.19269 21.2501 8.29295 21.5782 8.20484 22.2101C8.09244 23.0304 7.72181 23.1853 7.24788 23.2005Z\" /> <path d=\"M7.76741 14.7185C6.61298 14.3539 3.18614 12.279 2.29298 11.7443C1.48488 11.2582 1.38159 10.8208 1.94361 9.75444C2.44184 8.81267 2.99475 8.64862 3.815 9.07393C4.76589 9.56912 8.12285 12.1818 8.76386 12.6982C9.38361 13.1965 9.29855 13.4547 8.97348 14.0957C8.64842 14.7367 8.34462 14.9008 7.76741 14.7185Z\" />" : "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.811 20.5818C12.446 22.6871 13.2146 24.6618 14.05 26.5666C15.487 29.9782 16.4561 31.7828 17.7959 34.0218L17.9444 34.2645C19.5434 36.8777 21.3306 39.7987 24.2151 41.7109C26.3872 43.1479 29.0303 43.883 31.57 43.883C35.1488 43.883 38.2232 42.3124 40.1979 40.4714C42.1361 38.6668 44.6455 35.1884 44.6455 28.4015C44.6455 26.1964 45.5661 24.2855 46.3155 22.7299L46.3155 22.7299C46.361 22.6353 46.406 22.5421 46.45 22.4501C46.45 22.4167 46.4834 22.3499 46.5503 22.2162C46.851 21.5478 47.2186 20.679 47.2186 19.8101C47.2186 19.1752 47.0515 18.44 46.6171 17.8051C45.9488 16.6689 44.7457 16.2678 43.6399 16.2678C41.0667 16.2678 39.2926 18.0724 38.3903 19.9134L38.0895 20.5149C37.7219 19.9803 37.3543 19.4122 37.0536 18.9109C36.1179 17.2734 35.5832 16.1706 35.1153 14.7641C34.7477 13.6613 34.447 12.3914 34.2465 11.3524C33.6784 8.07443 32.7427 7.00506 31.2024 6.60405C30.0662 6.30329 28.7295 6.53722 27.7574 7.17215C27.0921 5.66835 25.9559 5 24.449 5C22.3103 5 20.369 6.40354 20.369 8.77924C20.369 9.03255 20.3927 9.28586 20.4202 9.57911L20.4202 9.57916C20.4253 9.63407 20.4306 9.69038 20.4359 9.74835C20.1685 9.68152 19.8678 9.6481 19.567 9.6481C17.2612 9.6481 15.5538 11.2522 15.5538 13.4273C15.5538 13.9286 15.6207 14.4967 15.7877 15.1651C15.5872 15.1316 15.3867 15.1316 15.1862 15.1316C14.05 15.1985 13.0141 15.6329 12.2759 16.5352C11.5437 17.4041 11.2429 18.7408 11.811 20.5818ZM13.7158 19.9802C13.4151 19.0111 13.4485 18.2759 13.8161 17.8081C14.1837 17.3736 14.6849 17.1731 15.2865 17.1397C16.3224 17.1063 16.7234 17.8415 17.3249 19.7463C17.6925 20.9493 18.4277 22.6901 18.8622 23.6592C19.4303 24.8288 20.2323 26.3995 20.5999 26.9372C20.9006 27.405 21.168 27.5387 21.4687 27.5387C22.0034 27.5387 22.4044 27.2379 22.4044 26.7033C22.4044 26.4326 22.1608 25.9995 21.9903 25.6963L21.9903 25.6963C21.9713 25.6626 21.9533 25.6305 21.9366 25.6005C21.8761 25.4862 21.8021 25.349 21.7189 25.1947L21.7188 25.1944L21.7187 25.1944C21.3883 24.5817 20.9134 23.7011 20.5665 22.9271C20.0986 21.8577 19.5639 20.521 19.1295 19.3149C18.8622 18.6131 18.5614 17.6106 18.2606 16.6081C17.7928 15.0709 17.5589 14.1352 17.5589 13.4304C17.5589 12.361 18.3609 11.6592 19.5639 11.6592C20.4328 11.6592 21.0009 12.0936 21.3685 13.6643C21.6692 15.1012 22.2039 17.4435 22.9725 19.2815C23.4738 20.4845 24.209 22.0916 24.6434 22.8936C24.7308 23.0465 24.8217 23.1922 24.9045 23.3249C25.0752 23.5985 25.2115 23.8171 25.2115 23.9296C25.2115 24.0783 25.036 24.281 24.8136 24.5378C24.6862 24.6849 24.5434 24.8498 24.4095 25.0324C24.1756 25.3331 24.0753 25.5336 24.0753 25.7676C24.0753 25.9681 24.209 26.1686 24.4095 26.4359C24.61 26.7033 24.8105 26.9706 25.0444 26.9706C25.2115 26.9706 25.3118 26.9038 25.412 26.7701C26.448 25.4668 27.5842 24.5645 28.8905 23.8263C30.4277 22.9574 32.0014 22.523 33.2379 22.2557C33.8394 22.122 34.0065 21.9883 34.0065 21.6542C34.0065 21.2531 33.7057 21.0192 33.3047 20.9858C33.0589 20.9585 32.8355 20.9758 32.5067 21.0013C32.4332 21.007 32.3543 21.0131 32.2687 21.0192C31.9346 21.0526 31.7675 20.8855 31.567 20.4511C31.4735 20.2538 31.3663 20.0353 31.2492 19.7969C30.6132 18.5011 29.6868 16.6136 29.0941 14.2992C28.7933 13.1296 28.526 11.8931 28.3589 10.286C28.2586 9.55086 28.3923 9.28352 28.7599 8.94934C29.2277 8.54833 30.0632 8.38124 30.6981 8.54833C31.4667 8.74884 31.8677 9.35035 32.2687 11.6926C32.4692 12.7954 32.8034 14.199 33.2044 15.405C33.7057 16.9423 34.3406 18.2152 35.3098 19.9195C35.8444 20.8552 36.5128 21.8243 37.2146 22.763C37.0809 23.164 36.847 23.4314 36.0784 24.0663C35.3098 24.7012 34.5411 25.3696 33.8394 26.6061C33.3381 27.5083 33.1042 28.5109 33.1042 29.1792C33.1042 29.8141 33.2379 29.9478 33.6389 29.9478C34.3406 29.9478 34.9087 29.8142 34.9422 29.5134C35.1092 28.3104 35.3098 27.5417 35.9781 26.6364C36.3791 26.1352 37.0809 25.5002 37.649 24.999C38.7184 24.1301 39.086 23.6288 39.4536 22.3924C39.6206 21.8243 39.8211 21.2896 40.0885 20.7883C40.7234 19.6187 41.8596 18.282 43.6338 18.282C44.2019 18.282 44.6698 18.4491 44.9705 18.9169C45.1376 19.1843 45.2044 19.5519 45.2044 19.8192C45.2044 20.392 44.8105 21.177 44.5997 21.5969L44.5695 21.6572C44.5323 21.7367 44.4938 21.8184 44.4544 21.9022L44.4543 21.9024C43.7155 23.473 42.6313 25.7775 42.6313 28.4106C42.6313 34.4623 40.4925 37.4729 38.8186 39.0101C37.1811 40.5473 34.6049 41.8871 31.5639 41.8871C29.3918 41.8871 27.1498 41.2521 25.3118 40.0491C22.7907 38.3793 21.197 35.7762 19.5934 33.1572L19.5934 33.1572L19.4941 32.9949C18.1908 30.8228 17.2885 29.1154 15.8819 25.8071C15.089 23.8901 14.3508 22.0187 13.7158 19.9802ZM24.4489 7.00806C23.4798 7.00806 22.3102 7.50932 22.3102 8.7792C22.3102 9.61464 22.5441 10.8511 22.778 11.8506C23.0687 12.5553 23.1838 13.0653 23.4161 14.0946C23.5043 14.4852 23.6093 14.9505 23.7471 15.5296C24.0479 16.7691 24.4155 17.8384 24.7831 18.7741C25.2175 19.9134 25.7188 20.8825 26.4206 22.1858C26.7547 22.8207 26.9218 22.8207 27.7239 22.3863C28.3588 22.0521 29.2945 21.6511 29.9963 21.4172C28.7932 18.8106 27.7907 16.6354 27.2894 14.7974C27.1558 14.2627 26.6879 12.121 26.5542 11.1853C26.454 10.2496 26.3537 9.44755 26.1198 8.57869C25.8525 7.50932 25.4849 7.00806 24.4489 7.00806Z\" /> <path d=\"M10.3406 31.163C9.63271 31.6005 5.88081 33.5661 5.03321 33.879C4.42866 34.1038 3.77246 34.0491 3.38663 32.9068C2.91271 31.4942 3.57803 31.16 4.52587 30.7924C5.36435 30.4673 8.84283 29.2096 9.65094 28.9909C10.219 28.839 10.614 29.0304 10.8874 29.7139C11.1882 30.4643 10.9816 30.7651 10.3406 31.163Z\" /> <path d=\"M7.24788 23.2005C6.23927 23.2278 2.04991 23.0486 1.09295 22.9544C0.26054 22.8724 -0.0766752 22.5048 0.014464 21.2987C0.111679 20.0045 0.615983 19.9256 1.4332 20.0045C2.38105 20.0957 6.77092 20.8096 7.46965 21.0253C8.19269 21.2501 8.29295 21.5782 8.20484 22.2101C8.09244 23.0304 7.72181 23.1853 7.24788 23.2005Z\" /> <path d=\"M7.76741 14.7185C6.61298 14.3539 3.18614 12.279 2.29298 11.7443C1.48488 11.2582 1.38159 10.8208 1.94361 9.75444C2.44184 8.81267 2.99475 8.64862 3.815 9.07393C4.76589 9.56912 8.12285 12.1818 8.76386 12.6982C9.38361 13.1965 9.29855 13.4547 8.97348 14.0957C8.64842 14.7367 8.34462 14.9008 7.76741 14.7185Z\" />" }} />
+    </svg>
+  );
+});
+
+SocialClubhouse.displayName = 'SocialClubhouse';
+
+export default SocialClubhouse;

package/src/generated/social-discord.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 SocialDiscord = React.forwardRef<SVGSVGElement, IconProps>(function SocialDiscord(
+  { 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 48 48"
+      // 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=\"M40.634 8.31125C37.5747 6.90749 34.294 5.87326 30.8638 5.28091C30.8013 5.26948 30.7389 5.29805 30.7067 5.35519C30.2848 6.10562 29.8175 7.08462 29.4902 7.8541C25.8008 7.30177 22.1304 7.30177 18.5166 7.8541C18.1893 7.06751 17.705 6.10562 17.2811 5.35519C17.249 5.29996 17.1866 5.27139 17.1241 5.28091C13.6958 5.87137 10.4151 6.9056 7.35387 8.31125C7.32737 8.32268 7.30465 8.34174 7.28958 8.36649C1.06678 17.6632 -0.6379 26.7314 0.19836 35.6872C0.202144 35.731 0.22674 35.7729 0.260796 35.7996C4.36642 38.8146 8.34341 40.6451 12.2466 41.8583C12.309 41.8774 12.3752 41.8545 12.415 41.8031C13.3383 40.5422 14.1613 39.2128 14.867 37.8147C14.9086 37.7328 14.8688 37.6357 14.7837 37.6033C13.4783 37.1081 12.2352 36.5043 11.0395 35.8186C10.9449 35.7634 10.9373 35.6281 11.0243 35.5634C11.2759 35.3748 11.5276 35.1786 11.7679 34.9805C11.8114 34.9444 11.872 34.9367 11.9231 34.9596C19.7786 38.5461 28.2831 38.5461 36.0459 34.9596C36.097 34.9348 36.1576 34.9425 36.203 34.9786C36.4433 35.1767 36.6949 35.3748 36.9484 35.5634C37.0354 35.6281 37.0298 35.7634 36.9352 35.8186C35.7394 36.5176 34.4964 37.1081 33.189 37.6014C33.1039 37.6338 33.0661 37.7328 33.1077 37.8147C33.8285 39.2108 34.6515 40.5403 35.5578 41.8012C35.5957 41.8545 35.6637 41.8774 35.7262 41.8583C39.6483 40.6451 43.6252 38.8146 47.7309 35.7996C47.7668 35.7729 47.7895 35.7329 47.7933 35.6891C48.7942 25.3352 46.117 16.3414 40.6964 8.36838C40.6832 8.34174 40.6605 8.32268 40.634 8.31125ZM16.04 30.2341C13.675 30.2341 11.7263 28.0628 11.7263 25.3962C11.7263 22.7296 13.6372 20.5584 16.04 20.5584C18.4617 20.5584 20.3916 22.7487 20.3538 25.3962C20.3538 28.0628 18.4428 30.2341 16.04 30.2341ZM31.9895 30.2341C29.6245 30.2341 27.6758 28.0628 27.6758 25.3962C27.6758 22.7296 29.5867 20.5584 31.9895 20.5584C34.4113 20.5584 36.3411 22.7487 36.3033 25.3962C36.3033 28.0628 34.4113 30.2341 31.9895 30.2341Z\"/>" : "<path d=\"M40.634 8.31125C37.5747 6.90749 34.294 5.87326 30.8638 5.28091C30.8013 5.26948 30.7389 5.29805 30.7067 5.35519C30.2848 6.10562 29.8175 7.08462 29.4902 7.8541C25.8008 7.30177 22.1304 7.30177 18.5166 7.8541C18.1893 7.06751 17.705 6.10562 17.2811 5.35519C17.249 5.29996 17.1866 5.27139 17.1241 5.28091C13.6958 5.87137 10.4151 6.9056 7.35387 8.31125C7.32737 8.32268 7.30465 8.34174 7.28958 8.36649C1.06678 17.6632 -0.6379 26.7314 0.19836 35.6872C0.202144 35.731 0.22674 35.7729 0.260796 35.7996C4.36642 38.8146 8.34341 40.6451 12.2466 41.8583C12.309 41.8774 12.3752 41.8545 12.415 41.8031C13.3383 40.5422 14.1613 39.2128 14.867 37.8147C14.9086 37.7328 14.8688 37.6357 14.7837 37.6033C13.4783 37.1081 12.2352 36.5043 11.0395 35.8186C10.9449 35.7634 10.9373 35.6281 11.0243 35.5634C11.2759 35.3748 11.5276 35.1786 11.7679 34.9805C11.8114 34.9444 11.872 34.9367 11.9231 34.9596C19.7786 38.5461 28.2831 38.5461 36.0459 34.9596C36.097 34.9348 36.1576 34.9425 36.203 34.9786C36.4433 35.1767 36.6949 35.3748 36.9484 35.5634C37.0354 35.6281 37.0298 35.7634 36.9352 35.8186C35.7394 36.5176 34.4964 37.1081 33.189 37.6014C33.1039 37.6338 33.0661 37.7328 33.1077 37.8147C33.8285 39.2108 34.6515 40.5403 35.5578 41.8012C35.5957 41.8545 35.6637 41.8774 35.7262 41.8583C39.6483 40.6451 43.6252 38.8146 47.7309 35.7996C47.7668 35.7729 47.7895 35.7329 47.7933 35.6891C48.7942 25.3352 46.117 16.3414 40.6964 8.36838C40.6832 8.34174 40.6605 8.32268 40.634 8.31125ZM16.04 30.2341C13.675 30.2341 11.7263 28.0628 11.7263 25.3962C11.7263 22.7296 13.6372 20.5584 16.04 20.5584C18.4617 20.5584 20.3916 22.7487 20.3538 25.3962C20.3538 28.0628 18.4428 30.2341 16.04 30.2341ZM31.9895 30.2341C29.6245 30.2341 27.6758 28.0628 27.6758 25.3962C27.6758 22.7296 29.5867 20.5584 31.9895 20.5584C34.4113 20.5584 36.3411 22.7487 36.3033 25.3962C36.3033 28.0628 34.4113 30.2341 31.9895 30.2341Z\"/>" }} />
+    </svg>
+  );
+});
+
+SocialDiscord.displayName = 'SocialDiscord';
+
+export default SocialDiscord;

package/src/generated/social-dribbble.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 SocialDribbble = React.forwardRef<SVGSVGElement, IconProps>(function SocialDribbble(
+  { 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 48 48"
+      // 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 fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M24 0C10.7505 0 0 10.7505 0 24C0 37.2495 10.7505 48 24 48C37.2234 48 48 37.2495 48 24C48 10.7505 37.2234 0 24 0ZM39.8525 11.0629C42.7158 14.551 44.4339 19.0021 44.486 23.8177C43.8092 23.6877 37.0411 22.308 30.2212 23.1671C30.0651 22.8287 29.9349 22.4642 29.7788 22.0998C29.3622 21.1107 28.8937 20.0955 28.4251 19.1323C35.9739 16.0608 39.41 11.6356 39.8525 11.0629ZM24 3.54014C29.2061 3.54014 33.9696 5.49242 37.5879 8.69415C37.2234 9.21476 34.1258 13.3536 26.8373 16.0867C23.4794 9.91756 19.7571 4.86768 19.1844 4.08676C20.7201 3.72234 22.3341 3.54014 24 3.54014ZM15.2799 5.46637C15.8265 6.19522 19.4708 11.2712 22.8807 17.3102C13.3015 19.8612 4.84165 19.8092 3.93058 19.8092C5.25813 13.4577 9.55314 8.17353 15.2799 5.46637ZM3.48807 24.0261C3.48807 23.8178 3.48807 23.6095 3.48807 23.4013C4.3731 23.4273 14.3167 23.5575 24.5466 20.4859C25.1454 21.6312 25.692 22.8026 26.2126 23.9739C25.9522 24.0521 25.6659 24.1302 25.4056 24.2082C14.8373 27.6181 9.21476 36.937 8.7462 37.7179C5.4924 34.0998 3.48807 29.2842 3.48807 24.0261ZM24 44.5119C19.2624 44.5119 14.8894 42.898 11.4273 40.1908C11.7918 39.436 15.9565 31.4187 27.514 27.384C27.5661 27.3579 27.5922 27.3579 27.6443 27.332C30.5336 34.8026 31.7051 41.0759 32.0174 42.872C29.5445 43.9392 26.8372 44.5119 24 44.5119ZM35.4273 40.9978C35.2191 39.7483 34.1258 33.7614 31.4447 26.3948C37.8743 25.3796 43.4967 27.0456 44.1996 27.2799C43.3146 32.9805 40.0347 37.9002 35.4273 40.9978Z\"/>" : "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M24 0C10.7505 0 0 10.7505 0 24C0 37.2495 10.7505 48 24 48C37.2234 48 48 37.2495 48 24C48 10.7505 37.2234 0 24 0ZM39.8525 11.0629C42.7158 14.551 44.4339 19.0021 44.486 23.8177C43.8092 23.6877 37.0411 22.308 30.2212 23.1671C30.0651 22.8287 29.9349 22.4642 29.7788 22.0998C29.3622 21.1107 28.8937 20.0955 28.4251 19.1323C35.9739 16.0608 39.41 11.6356 39.8525 11.0629ZM24 3.54014C29.2061 3.54014 33.9696 5.49242 37.5879 8.69415C37.2234 9.21476 34.1258 13.3536 26.8373 16.0867C23.4794 9.91756 19.7571 4.86768 19.1844 4.08676C20.7201 3.72234 22.3341 3.54014 24 3.54014ZM15.2799 5.46637C15.8265 6.19522 19.4708 11.2712 22.8807 17.3102C13.3015 19.8612 4.84165 19.8092 3.93058 19.8092C5.25813 13.4577 9.55314 8.17353 15.2799 5.46637ZM3.48807 24.0261C3.48807 23.8178 3.48807 23.6095 3.48807 23.4013C4.3731 23.4273 14.3167 23.5575 24.5466 20.4859C25.1454 21.6312 25.692 22.8026 26.2126 23.9739C25.9522 24.0521 25.6659 24.1302 25.4056 24.2082C14.8373 27.6181 9.21476 36.937 8.7462 37.7179C5.4924 34.0998 3.48807 29.2842 3.48807 24.0261ZM24 44.5119C19.2624 44.5119 14.8894 42.898 11.4273 40.1908C11.7918 39.436 15.9565 31.4187 27.514 27.384C27.5661 27.3579 27.5922 27.3579 27.6443 27.332C30.5336 34.8026 31.7051 41.0759 32.0174 42.872C29.5445 43.9392 26.8372 44.5119 24 44.5119ZM35.4273 40.9978C35.2191 39.7483 34.1258 33.7614 31.4447 26.3948C37.8743 25.3796 43.4967 27.0456 44.1996 27.2799C43.3146 32.9805 40.0347 37.9002 35.4273 40.9978Z\"/>" }} />
+    </svg>
+  );
+});
+
+SocialDribbble.displayName = 'SocialDribbble';
+
+export default SocialDribbble;

package/src/generated/social-facebook.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 SocialFacebook = React.forwardRef<SVGSVGElement, IconProps>(function SocialFacebook(
+  { 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 = "white" as string | null;
+  const DEFAULT_ORIGINAL_STROKE = null as string | null;
+  return (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 48 48"
+      // 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' ? "<g clip-path=\"url(#clip0_4365_14548)\"> <path d=\"M24 0C10.7453 0 0 10.7453 0 24C0 35.255 7.74912 44.6995 18.2026 47.2934V31.3344H13.2538V24H18.2026V20.8397C18.2026 12.671 21.8995 8.8848 29.9194 8.8848C31.44 8.8848 34.0637 9.18336 35.137 9.48096V16.129C34.5706 16.0694 33.5866 16.0397 32.3645 16.0397C28.4294 16.0397 26.9088 17.5306 26.9088 21.4061V24H34.7482L33.4013 31.3344H26.9088V47.8243C38.7926 46.3891 48.001 36.2707 48.001 24C48 10.7453 37.2547 0 24 0Z\" fill=\"white\"/> </g> <defs> <clipPath id=\"clip0_4365_14548\"> <rect/> </clipPath> </defs>" : "<g clip-path=\"url(#clip0_4365_14548)\"> <path d=\"M24 0C10.7453 0 0 10.7453 0 24C0 35.255 7.74912 44.6995 18.2026 47.2934V31.3344H13.2538V24H18.2026V20.8397C18.2026 12.671 21.8995 8.8848 29.9194 8.8848C31.44 8.8848 34.0637 9.18336 35.137 9.48096V16.129C34.5706 16.0694 33.5866 16.0397 32.3645 16.0397C28.4294 16.0397 26.9088 17.5306 26.9088 21.4061V24H34.7482L33.4013 31.3344H26.9088V47.8243C38.7926 46.3891 48.001 36.2707 48.001 24C48 10.7453 37.2547 0 24 0Z\"/> </g> <defs> <clipPath id=\"clip0_4365_14548\"> <rect/> </clipPath> </defs>" }} />
+    </svg>
+  );
+});
+
+SocialFacebook.displayName = 'SocialFacebook';
+
+export default SocialFacebook;