@honeycluster/icons-flags 0.0.5

package/src/generated/rectangle-de.tsx

@@ -0,0 +1,88 @@
+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 RectangleDe = React.forwardRef<SVGSVGElement, IconProps>(
+  function RectangleDe(
+    {
+      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 24 18"
+        // 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_4016_16671)"> <rect width="24" height="18" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12H24V18H0V12Z" fill="#FFD018"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 6H24V12H0V6Z" fill="#E31D1C"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H24V6H0V0Z" fill="#272727"/> </g> <defs> <clipPath id="clip0_4016_16671"> <rect width="24" height="18" fill="white"/> </clipPath> </defs>'
+                : '<g clip-path="url(#clip0_4016_16671)"> <rect width="24" height="18"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12H24V18H0V12Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 6H24V12H0V6Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H24V6H0V0Z"/> </g> <defs> <clipPath id="clip0_4016_16671"> <rect width="24" height="18"/> </clipPath> </defs>',
+          }}
+        />
+      </svg>
+    );
+  },
+);
+
+RectangleDe.displayName = "RectangleDe";
+
+export default RectangleDe;

package/src/generated/rectangle-dj.tsx

@@ -0,0 +1,88 @@
+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 RectangleDj = React.forwardRef<SVGSVGElement, IconProps>(
+  function RectangleDj(
+    {
+      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 24 18"
+        // 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_4016_16669)"> <rect width="24" height="18" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z" fill="#73BE4A"/> <mask id="mask0_4016_16669" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="18"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z" fill="white"/> </mask> <g mask="url(#mask0_4016_16669)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 -1.5V9H24V-1.5H0Z" fill="#6699FF"/> </g> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18L13.5 9L0 0Z" fill="white"/> <mask id="mask1_4016_16669" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="14" height="18"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18L13.5 9L0 0Z" fill="white"/> </mask> <g mask="url(#mask1_4016_16669)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.25135 10.553L3.84834 11.4L4.16836 9.74721L3 8.51023L4.58202 8.44335L5.25135 6.90002L5.92067 8.44335H7.5L6.33433 9.74721L6.68527 11.4L5.25135 10.553Z" fill="#E31D1C"/> </g> </g> <defs> <clipPath id="clip0_4016_16669"> <rect width="24" height="18" fill="white"/> </clipPath> </defs>'
+                : '<g clip-path="url(#clip0_4016_16669)"> <rect width="24" height="18"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z"/> <mask id="mask0_4016_16669"  style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="18"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z"/> </mask> <g mask="url(#mask0_4016_16669)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 -1.5V9H24V-1.5H0Z"/> </g> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18L13.5 9L0 0Z"/> <mask id="mask1_4016_16669"  style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="14" height="18"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18L13.5 9L0 0Z"/> </mask> <g mask="url(#mask1_4016_16669)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.25135 10.553L3.84834 11.4L4.16836 9.74721L3 8.51023L4.58202 8.44335L5.25135 6.90002L5.92067 8.44335H7.5L6.33433 9.74721L6.68527 11.4L5.25135 10.553Z"/> </g> </g> <defs> <clipPath id="clip0_4016_16669"> <rect width="24" height="18"/> </clipPath> </defs>',
+          }}
+        />
+      </svg>
+    );
+  },
+);
+
+RectangleDj.displayName = "RectangleDj";
+
+export default RectangleDj;

package/src/generated/rectangle-dk.tsx

@@ -0,0 +1,88 @@
+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 RectangleDk = React.forwardRef<SVGSVGElement, IconProps>(
+  function RectangleDk(
+    {
+      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 24 18"
+        // 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_4016_16664)"> <rect width="24" height="18" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z" fill="#C51918"/> <mask id="mask0_4016_16664" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="18"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z" fill="white"/> </mask> <g mask="url(#mask0_4016_16664)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.2 0H10.8V7.2H24V10.8H10.8V18H7.2V10.8H0V7.2H7.2V0Z" fill="#F7FCFF"/> </g> </g> <defs> <clipPath id="clip0_4016_16664"> <rect width="24" height="18" fill="white"/> </clipPath> </defs>'
+                : '<g clip-path="url(#clip0_4016_16664)"> <rect width="24" height="18"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z"/> <mask id="mask0_4016_16664"  style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="18"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z"/> </mask> <g mask="url(#mask0_4016_16664)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.2 0H10.8V7.2H24V10.8H10.8V18H7.2V10.8H0V7.2H7.2V0Z"/> </g> </g> <defs> <clipPath id="clip0_4016_16664"> <rect width="24" height="18"/> </clipPath> </defs>',
+          }}
+        />
+      </svg>
+    );
+  },
+);
+
+RectangleDk.displayName = "RectangleDk";
+
+export default RectangleDk;

package/src/generated/rectangle-dm.tsx

@@ -0,0 +1,88 @@
+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 RectangleDm = React.forwardRef<SVGSVGElement, IconProps>(
+  function RectangleDm(
+    {
+      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 24 18"
+        // 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_4016_16719)"> <rect width="24" height="18" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z" fill="#279E19"/> <mask id="mask0_4016_16719" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="18"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z" fill="white"/> </mask> <g mask="url(#mask0_4016_16719)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0H13.5V10.5H24V12H13.5V18H12V12H0V10.5H12V0Z" fill="#F7FCFF"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 0H12V9H24V10.5H12V18H10.5V10.5H0V9H10.5V0Z" fill="#272727"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M9 0H10.5V7.5H24V9H10.5V18H9V9H0V7.5H9V0Z" fill="#FECA00"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 15C15.3137 15 18 12.3137 18 9C18 5.68629 15.3137 3 12 3C8.68629 3 6 5.68629 6 9C6 12.3137 8.68629 15 12 15Z" fill="#C51918"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.0444 6.30972C11.0444 6.30972 11.3293 5.38503 11.9913 5.86274C13.0293 6.37401 13.3717 6.96139 13.7725 7.62657C14.1732 8.29176 12.7899 7.80459 12.5318 7.43021C12.2738 7.05583 10.8423 6.93444 11.0444 6.62208C11.2465 6.30972 11.0444 6.30972 11.0444 6.30972Z" fill="#804BFF"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.8099 11.0441C10.8099 11.0441 10.1051 12.0082 10.8099 12.0082C11.5147 12.0082 14.3719 11.8008 14.0295 11.5262C13.687 11.2515 11.1485 11.5262 11.1485 11.5262L10.8099 11.0441Z" fill="#A95601"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8638 11.0137C11.7907 10.9313 10.5066 8.01739 11.1036 7.41176C11.7007 6.80614 12.0505 7.16201 12.0505 8.07014C12.0505 8.97827 12.0864 11.2381 11.8638 11.0137Z" fill="#804BFF"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7882 10.5409C11.7882 10.5409 11.7141 11.2492 12.0783 12.076C12.4426 12.9029 13.1783 12.8869 13.1783 12.2102C13.1783 11.5334 13.7153 12.1685 13.9215 12.6202C14.1276 13.0718 13.5937 8.60941 12.836 7.61106C12.0783 6.61272 11.3473 6.54862 11.5677 7.19376C11.7882 7.8389 11.7882 10.5409 11.7882 10.5409Z" fill="#279E19"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.3454 5.70001C11.3454 5.70001 11.0249 5.90554 11.0249 6.47165C11.0249 7.03776 11.7838 6.29637 11.7838 6.29637L11.3454 5.70001Z" fill="#FECA00"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5402 4.74883L11.4139 5.48516L12.0752 5.13751L12.7364 5.48516L12.6101 4.74883L13.1451 4.22737L12.4058 4.11994L12.0752 3.45001L11.7445 4.11994L11.0052 4.22737L11.5402 4.74883ZM11.5402 13.5988L11.4139 14.3351L12.0752 13.9875L12.7364 14.3351L12.6101 13.5988L13.1451 13.0774L12.4058 12.9699L12.0752 12.3L11.7445 12.9699L11.0052 13.0774L11.5402 13.5988ZM15.6139 10.1351L15.7402 9.39882L15.2052 8.87735L15.9445 8.76993L16.2751 8.1L16.6058 8.76993L17.3451 8.87735L16.8101 9.39882L16.9364 10.1351L16.2751 9.7875L15.6139 10.1351ZM7.06395 10.1351L7.72521 9.7875L8.38647 10.1351L8.26018 9.39882L8.79515 8.87735L8.05584 8.76993L7.72521 8.1L7.39458 8.76993L6.65527 8.87735L7.19024 9.39882L7.06395 10.1351ZM9.35109 6.5265L9.14182 7.24366L8.69988 6.64133L7.95315 6.66391L8.38944 6.05747L8.13721 5.35426L8.84879 5.5818L9.43963 5.12461L9.44312 5.87168L10.0605 6.29232L9.35109 6.5265ZM15.508 13.095L15.7172 12.3779L16.4267 12.1437L15.8093 11.7231L15.8058 10.976L15.2149 11.4332L14.5034 11.2056L14.7556 11.9088L14.3193 12.5153L15.066 12.4927L15.508 13.095ZM15.6136 6.43909L15.4043 7.15625L14.9624 6.55392L14.2156 6.5765L14.6519 5.97006L14.3997 5.26686L15.1113 5.49439L15.7021 5.0372L15.7056 5.78427L16.323 6.20492L15.6136 6.43909ZM9.31631 13.3066L9.52558 12.5894L10.235 12.3552L9.61761 11.9346L9.61412 11.1875L9.02328 11.6447L8.3117 11.4172L8.56393 12.1204L8.12764 12.7268L8.87437 12.7042L9.31631 13.3066Z" fill="#FECA00"/> </g> </g> <defs> <clipPath id="clip0_4016_16719"> <rect width="24" height="18" fill="white"/> </clipPath> </defs>'
+                : '<g clip-path="url(#clip0_4016_16719)"> <rect width="24" height="18"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z"/> <mask id="mask0_4016_16719"  style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="18"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z"/> </mask> <g mask="url(#mask0_4016_16719)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0H13.5V10.5H24V12H13.5V18H12V12H0V10.5H12V0Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 0H12V9H24V10.5H12V18H10.5V10.5H0V9H10.5V0Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M9 0H10.5V7.5H24V9H10.5V18H9V9H0V7.5H9V0Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 15C15.3137 15 18 12.3137 18 9C18 5.68629 15.3137 3 12 3C8.68629 3 6 5.68629 6 9C6 12.3137 8.68629 15 12 15Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.0444 6.30972C11.0444 6.30972 11.3293 5.38503 11.9913 5.86274C13.0293 6.37401 13.3717 6.96139 13.7725 7.62657C14.1732 8.29176 12.7899 7.80459 12.5318 7.43021C12.2738 7.05583 10.8423 6.93444 11.0444 6.62208C11.2465 6.30972 11.0444 6.30972 11.0444 6.30972Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.8099 11.0441C10.8099 11.0441 10.1051 12.0082 10.8099 12.0082C11.5147 12.0082 14.3719 11.8008 14.0295 11.5262C13.687 11.2515 11.1485 11.5262 11.1485 11.5262L10.8099 11.0441Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8638 11.0137C11.7907 10.9313 10.5066 8.01739 11.1036 7.41176C11.7007 6.80614 12.0505 7.16201 12.0505 8.07014C12.0505 8.97827 12.0864 11.2381 11.8638 11.0137Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7882 10.5409C11.7882 10.5409 11.7141 11.2492 12.0783 12.076C12.4426 12.9029 13.1783 12.8869 13.1783 12.2102C13.1783 11.5334 13.7153 12.1685 13.9215 12.6202C14.1276 13.0718 13.5937 8.60941 12.836 7.61106C12.0783 6.61272 11.3473 6.54862 11.5677 7.19376C11.7882 7.8389 11.7882 10.5409 11.7882 10.5409Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.3454 5.70001C11.3454 5.70001 11.0249 5.90554 11.0249 6.47165C11.0249 7.03776 11.7838 6.29637 11.7838 6.29637L11.3454 5.70001Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5402 4.74883L11.4139 5.48516L12.0752 5.13751L12.7364 5.48516L12.6101 4.74883L13.1451 4.22737L12.4058 4.11994L12.0752 3.45001L11.7445 4.11994L11.0052 4.22737L11.5402 4.74883ZM11.5402 13.5988L11.4139 14.3351L12.0752 13.9875L12.7364 14.3351L12.6101 13.5988L13.1451 13.0774L12.4058 12.9699L12.0752 12.3L11.7445 12.9699L11.0052 13.0774L11.5402 13.5988ZM15.6139 10.1351L15.7402 9.39882L15.2052 8.87735L15.9445 8.76993L16.2751 8.1L16.6058 8.76993L17.3451 8.87735L16.8101 9.39882L16.9364 10.1351L16.2751 9.7875L15.6139 10.1351ZM7.06395 10.1351L7.72521 9.7875L8.38647 10.1351L8.26018 9.39882L8.79515 8.87735L8.05584 8.76993L7.72521 8.1L7.39458 8.76993L6.65527 8.87735L7.19024 9.39882L7.06395 10.1351ZM9.35109 6.5265L9.14182 7.24366L8.69988 6.64133L7.95315 6.66391L8.38944 6.05747L8.13721 5.35426L8.84879 5.5818L9.43963 5.12461L9.44312 5.87168L10.0605 6.29232L9.35109 6.5265ZM15.508 13.095L15.7172 12.3779L16.4267 12.1437L15.8093 11.7231L15.8058 10.976L15.2149 11.4332L14.5034 11.2056L14.7556 11.9088L14.3193 12.5153L15.066 12.4927L15.508 13.095ZM15.6136 6.43909L15.4043 7.15625L14.9624 6.55392L14.2156 6.5765L14.6519 5.97006L14.3997 5.26686L15.1113 5.49439L15.7021 5.0372L15.7056 5.78427L16.323 6.20492L15.6136 6.43909ZM9.31631 13.3066L9.52558 12.5894L10.235 12.3552L9.61761 11.9346L9.61412 11.1875L9.02328 11.6447L8.3117 11.4172L8.56393 12.1204L8.12764 12.7268L8.87437 12.7042L9.31631 13.3066Z"/> </g> </g> <defs> <clipPath id="clip0_4016_16719"> <rect width="24" height="18"/> </clipPath> </defs>',
+          }}
+        />
+      </svg>
+    );
+  },
+);
+
+RectangleDm.displayName = "RectangleDm";
+
+export default RectangleDm;

package/src/generated/rectangle-do.tsx

@@ -0,0 +1,88 @@
+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 RectangleDo = React.forwardRef<SVGSVGElement, IconProps>(
+  function RectangleDo(
+    {
+      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 24 18"
+        // 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_4016_16634)"> <rect width="24" height="18" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z" fill="#C51918"/> <mask id="mask0_4016_16634" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="18"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z" fill="white"/> </mask> <g mask="url(#mask0_4016_16634)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 0H13.5V7.5H24V10.5H13.5V18H10.5V10.5H0V7.5H10.5V0Z" fill="#F7FCFF"/> <rect width="10.5" height="7.5" fill="#4257BF"/> <rect x="13.5" y="10.5" width="10.5" height="7.5" fill="#4257BF"/> <path d="M10.2279 8.33304L10.9744 8.4045C10.8467 9.73958 11.0127 10.3021 11.2826 10.3021V11.0521C10.3493 11.0521 10.0611 10.0758 10.2279 8.33304Z" fill="#309404"/> <path d="M13.82 8.33304L13.0734 8.4045C13.2012 9.73958 13.0351 10.3021 12.7653 10.3021V11.0521C13.6986 11.0521 13.9868 10.0758 13.82 8.33304Z" fill="#309404"/> <rect x="11.0454" y="8.01923" width="0.709091" height="1.10769" fill="#003994"/> <path d="M12.1367 9.33459H12.8458V9.98774C12.8458 10.2388 12.6423 10.4423 12.3913 10.4423H12.1367V9.33459Z" fill="#003994"/> <rect x="12.082" y="7.94998" width="0.709091" height="1.10769" fill="#DE2110"/> <path d="M11.0454 9.33459H11.7545V10.4423H11.5C11.2489 10.4423 11.0454 10.2388 11.0454 9.98774V9.33459Z" fill="#DE2110"/> <path d="M10.7512 7.95701L10.2495 7.39948C10.7793 6.92281 11.3314 6.67499 11.9 6.67499C12.4686 6.67499 13.0207 6.92281 13.5505 7.39948L13.0488 7.95701C12.6476 7.596 12.2666 7.42499 11.9 7.42499C11.5334 7.42499 11.1524 7.596 10.7512 7.95701Z" fill="#00319C"/> <path d="M10.8054 11.6955L10.3037 11.1379C10.8335 10.6613 11.3856 10.4135 11.9542 10.4135C12.5228 10.4135 13.0749 10.6613 13.6047 11.1379L13.103 11.6955C12.7018 11.3345 12.3208 11.1635 11.9542 11.1635C11.5876 11.1635 11.2066 11.3345 10.8054 11.6955Z" fill="#DE2110"/> </g> </g> <defs> <clipPath id="clip0_4016_16634"> <rect width="24" height="18" fill="white"/> </clipPath> </defs>'
+                : '<g clip-path="url(#clip0_4016_16634)"> <rect width="24" height="18"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z"/> <mask id="mask0_4016_16634"  style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="18"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z"/> </mask> <g mask="url(#mask0_4016_16634)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 0H13.5V7.5H24V10.5H13.5V18H10.5V10.5H0V7.5H10.5V0Z"/> <rect width="10.5" height="7.5"/> <rect x="13.5" y="10.5" width="10.5" height="7.5"/> <path d="M10.2279 8.33304L10.9744 8.4045C10.8467 9.73958 11.0127 10.3021 11.2826 10.3021V11.0521C10.3493 11.0521 10.0611 10.0758 10.2279 8.33304Z"/> <path d="M13.82 8.33304L13.0734 8.4045C13.2012 9.73958 13.0351 10.3021 12.7653 10.3021V11.0521C13.6986 11.0521 13.9868 10.0758 13.82 8.33304Z"/> <rect x="11.0454" y="8.01923" width="0.709091" height="1.10769"/> <path d="M12.1367 9.33459H12.8458V9.98774C12.8458 10.2388 12.6423 10.4423 12.3913 10.4423H12.1367V9.33459Z"/> <rect x="12.082" y="7.94998" width="0.709091" height="1.10769"/> <path d="M11.0454 9.33459H11.7545V10.4423H11.5C11.2489 10.4423 11.0454 10.2388 11.0454 9.98774V9.33459Z"/> <path d="M10.7512 7.95701L10.2495 7.39948C10.7793 6.92281 11.3314 6.67499 11.9 6.67499C12.4686 6.67499 13.0207 6.92281 13.5505 7.39948L13.0488 7.95701C12.6476 7.596 12.2666 7.42499 11.9 7.42499C11.5334 7.42499 11.1524 7.596 10.7512 7.95701Z"/> <path d="M10.8054 11.6955L10.3037 11.1379C10.8335 10.6613 11.3856 10.4135 11.9542 10.4135C12.5228 10.4135 13.0749 10.6613 13.6047 11.1379L13.103 11.6955C12.7018 11.3345 12.3208 11.1635 11.9542 11.1635C11.5876 11.1635 11.2066 11.3345 10.8054 11.6955Z"/> </g> </g> <defs> <clipPath id="clip0_4016_16634"> <rect width="24" height="18"/> </clipPath> </defs>',
+          }}
+        />
+      </svg>
+    );
+  },
+);
+
+RectangleDo.displayName = "RectangleDo";
+
+export default RectangleDo;

package/src/generated/rectangle-dz.tsx

@@ -0,0 +1,88 @@
+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 RectangleDz = React.forwardRef<SVGSVGElement, IconProps>(
+  function RectangleDz(
+    {
+      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 24 18"
+        // 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_4016_16663)"> <rect width="24" height="18" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0H24V18H12V0Z" fill="#F7FCFF"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H12V18H0V0Z" fill="#36A400"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9652 4.68944C15.045 4.68944 16.0508 4.98604 16.8942 5.49682C15.7227 4.12049 13.9776 3.24747 12.0285 3.24747C8.50112 3.24747 5.6416 6.10699 5.6416 9.63439C5.6416 13.1618 8.50112 16.0213 12.0285 16.0213C13.7856 16.0213 15.377 15.3118 16.5317 14.1636C15.7685 14.5502 14.8943 14.7698 13.9652 14.7698C10.9866 14.7698 8.57193 12.5132 8.57193 9.72963C8.57193 6.94601 10.9866 4.68944 13.9652 4.68944ZM16.077 6.61943L14.5259 8.37731L12.2982 7.76348L13.5332 9.69531L12.2982 11.7518L14.6351 10.9105L15.9126 12.9046V10.5902L18.0002 9.69531L15.9126 8.94751L16.077 6.61943Z" fill="#FF0000"/> </g> <defs> <clipPath id="clip0_4016_16663"> <rect width="24" height="18" fill="white"/> </clipPath> </defs>'
+                : '<g clip-path="url(#clip0_4016_16663)"> <rect width="24" height="18"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0H24V18H12V0Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H12V18H0V0Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9652 4.68944C15.045 4.68944 16.0508 4.98604 16.8942 5.49682C15.7227 4.12049 13.9776 3.24747 12.0285 3.24747C8.50112 3.24747 5.6416 6.10699 5.6416 9.63439C5.6416 13.1618 8.50112 16.0213 12.0285 16.0213C13.7856 16.0213 15.377 15.3118 16.5317 14.1636C15.7685 14.5502 14.8943 14.7698 13.9652 14.7698C10.9866 14.7698 8.57193 12.5132 8.57193 9.72963C8.57193 6.94601 10.9866 4.68944 13.9652 4.68944ZM16.077 6.61943L14.5259 8.37731L12.2982 7.76348L13.5332 9.69531L12.2982 11.7518L14.6351 10.9105L15.9126 12.9046V10.5902L18.0002 9.69531L15.9126 8.94751L16.077 6.61943Z"/> </g> <defs> <clipPath id="clip0_4016_16663"> <rect width="24" height="18"/> </clipPath> </defs>',
+          }}
+        />
+      </svg>
+    );
+  },
+);
+
+RectangleDz.displayName = "RectangleDz";
+
+export default RectangleDz;