@honeycluster/icons-flags 0.0.5

package/src/generated/circle-so.tsx

@@ -0,0 +1,84 @@
+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 CircleSo = React.forwardRef<SVGSVGElement, IconProps>(function CircleSo(
+  {
+    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_4022_79987)"> <rect width="24" height="18" rx="2" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H24V18H0V0Z" fill="#56C6F5"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.134 11.0381L9.31102 12.8329L10.2579 9.6909L8.24438 7.63808L11.0204 7.57744L12.2485 4.47555L13.3677 7.61841L16.137 7.66675L14.0559 9.7572L15.0277 12.7463L12.134 11.0381Z" fill="#F7FCFF"/> </g> <defs> <clipPath id="clip0_4022_79987"> <rect width="24" height="18" rx="2" fill="white"/> </clipPath> </defs>'
+              : '<g clip-path="url(#clip0_4022_79987)"> <rect width="24" height="18" rx="2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H24V18H0V0Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.134 11.0381L9.31102 12.8329L10.2579 9.6909L8.24438 7.63808L11.0204 7.57744L12.2485 4.47555L13.3677 7.61841L16.137 7.66675L14.0559 9.7572L15.0277 12.7463L12.134 11.0381Z"/> </g> <defs> <clipPath id="clip0_4022_79987"> <rect width="24" height="18" rx="2"/> </clipPath> </defs>',
+        }}
+      />
+    </svg>
+  );
+});
+
+CircleSo.displayName = "CircleSo";
+
+export default CircleSo;

package/src/generated/circle-sr.tsx

@@ -0,0 +1,84 @@
+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 CircleSr = React.forwardRef<SVGSVGElement, IconProps>(function CircleSr(
+  {
+    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 = "white" 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_4022_79993)"> <rect width="24" height="18" rx="2" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12H24V18H0V12Z" fill="#4E8B1D"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H24V4.5H0V0Z" fill="#4E8B1D"/> <path d="M0 5.0625H-0.9375V6V12V12.9375H0H24H24.9375V12V6V5.0625H24H0Z" fill="#AF0100" stroke="white" stroke-width="1.875"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0018 10.8707L10.1311 12L10.5578 9.79624L9 8.14695L11.1094 8.05777L12.0018 6L12.8942 8.05777H15L13.4458 9.79624L13.9137 12L12.0018 10.8707Z" fill="#FECA00"/> </g> <defs> <clipPath id="clip0_4022_79993"> <rect width="24" height="18" rx="2" fill="white"/> </clipPath> </defs>'
+              : '<g clip-path="url(#clip0_4022_79993)"> <rect width="24" height="18" rx="2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12H24V18H0V12Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H24V4.5H0V0Z"/> <path d="M0 5.0625H-0.9375V6V12V12.9375H0H24H24.9375V12V6V5.0625H24H0Z" stroke-width="1.875"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0018 10.8707L10.1311 12L10.5578 9.79624L9 8.14695L11.1094 8.05777L12.0018 6L12.8942 8.05777H15L13.4458 9.79624L13.9137 12L12.0018 10.8707Z"/> </g> <defs> <clipPath id="clip0_4022_79993"> <rect width="24" height="18" rx="2"/> </clipPath> </defs>',
+        }}
+      />
+    </svg>
+  );
+});
+
+CircleSr.displayName = "CircleSr";
+
+export default CircleSr;

package/src/generated/circle-ss.tsx

@@ -0,0 +1,84 @@
+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 CircleSs = React.forwardRef<SVGSVGElement, IconProps>(function CircleSs(
+  {
+    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 = "#F7FCFF" 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_4022_80000)"> <rect width="24" height="18" rx="2" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H24V18H0V0Z" fill="#F7FCFF"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V6H24V0H0Z" fill="#272727"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12V18H24V12H0Z" fill="#4E8B1D"/> <path d="M0 5.375H-0.625V6V12V12.625H0H24H24.625V12V6V5.375H24H0Z" fill="#E31D1C" stroke="#F7FCFF" stroke-width="1.25"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0L15 9L0 18V0Z" fill="#3D58DB"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.98582 10.8065L3.47118 12.3815L3.31295 10.1424L1.38135 8.95248L3.39576 8.3204L3.72519 6.10177L5.11981 7.85844L7.15383 7.31343L6.10251 9.39493L7.12486 11.4025L4.98582 10.8065Z" fill="#FECA00"/> </g> <defs> <clipPath id="clip0_4022_80000"> <rect width="24" height="18" rx="2" fill="white"/> </clipPath> </defs>'
+              : '<g clip-path="url(#clip0_4022_80000)"> <rect width="24" height="18" rx="2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H24V18H0V0Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V6H24V0H0Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12V18H24V12H0Z"/> <path d="M0 5.375H-0.625V6V12V12.625H0H24H24.625V12V6V5.375H24H0Z" stroke-width="1.25"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0L15 9L0 18V0Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.98582 10.8065L3.47118 12.3815L3.31295 10.1424L1.38135 8.95248L3.39576 8.3204L3.72519 6.10177L5.11981 7.85844L7.15383 7.31343L6.10251 9.39493L7.12486 11.4025L4.98582 10.8065Z"/> </g> <defs> <clipPath id="clip0_4022_80000"> <rect width="24" height="18" rx="2"/> </clipPath> </defs>',
+        }}
+      />
+    </svg>
+  );
+});
+
+CircleSs.displayName = "CircleSs";
+
+export default CircleSs;

package/src/generated/circle-st.tsx

@@ -0,0 +1,84 @@
+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 CircleSt = React.forwardRef<SVGSVGElement, IconProps>(function CircleSt(
+  {
+    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_4022_80009)"> <rect width="24" height="18" rx="2" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z" fill="#FBCD17"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V6H24V0H0Z" fill="#73BE4A"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12V18H24V12H0Z" fill="#73BE4A"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18L7.5 9L0 0Z" fill="#C51918"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.7513 10.403L11.3483 11.25L11.6684 9.59718L10.5 8.36021L12.082 8.29332L12.7513 6.75L13.4207 8.29332H15L13.8343 9.59718L14.1853 11.25L12.7513 10.403Z" fill="#272727"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.7513 10.403L17.3483 11.25L17.6684 9.59718L16.5 8.36021L18.082 8.29332L18.7513 6.75L19.4207 8.29332H21L19.8343 9.59718L20.1853 11.25L18.7513 10.403Z" fill="#272727"/> </g> <defs> <clipPath id="clip0_4022_80009"> <rect width="24" height="18" rx="2" fill="white"/> </clipPath> </defs>'
+              : '<g clip-path="url(#clip0_4022_80009)"> <rect width="24" height="18" rx="2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V6H24V0H0Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12V18H24V12H0Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18L7.5 9L0 0Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.7513 10.403L11.3483 11.25L11.6684 9.59718L10.5 8.36021L12.082 8.29332L12.7513 6.75L13.4207 8.29332H15L13.8343 9.59718L14.1853 11.25L12.7513 10.403Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.7513 10.403L17.3483 11.25L17.6684 9.59718L16.5 8.36021L18.082 8.29332L18.7513 6.75L19.4207 8.29332H21L19.8343 9.59718L20.1853 11.25L18.7513 10.403Z"/> </g> <defs> <clipPath id="clip0_4022_80009"> <rect width="24" height="18" rx="2"/> </clipPath> </defs>',
+        }}
+      />
+    </svg>
+  );
+});
+
+CircleSt.displayName = "CircleSt";
+
+export default CircleSt;

package/src/generated/circle-sv.tsx

@@ -0,0 +1,84 @@
+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 CircleSv = React.forwardRef<SVGSVGElement, IconProps>(function CircleSv(
+  {
+    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 = "#E8AA00" 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_4022_80018)"> <rect width="24" height="18" rx="2" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z" fill="#F7FCFF"/> <mask id="mask0_4022_80018" 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_4022_80018)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V6H24V0H0Z" fill="#3D58DB"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12V18H24V12H0Z" fill="#3D58DB"/> <path d="M14.6314 8.89367C14.6314 10.4367 13.3805 11.6875 11.8375 11.6875C10.2945 11.6875 9.0437 10.4367 9.0437 8.89367C9.0437 7.35067 10.2945 6.09982 11.8375 6.09982C13.3805 6.09982 14.6314 7.35067 14.6314 8.89367Z" stroke="#E8AA00" stroke-width="0.625"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.358 7.2467C10.358 7.2467 9.64355 8.42245 9.64355 9.2296C9.64355 10.0368 10.4987 11.0513 11.8441 11.0513C13.1565 11.0513 14.0997 10.2674 14.1282 9.2296C14.1568 8.19185 13.4223 7.45309 13.4223 7.45309C13.4223 7.45309 13.838 8.94716 13.6301 9.55259C13.4223 10.158 12.7495 10.8905 11.8441 10.7973C10.9387 10.704 10.0795 9.58962 10.0795 9.2296C10.0795 8.86959 10.358 7.2467 10.358 7.2467Z" fill="#1E601B"/> <path d="M10.6204 9.24625H13.0258" stroke="#188396" stroke-width="0.625"/> <path d="M10.8442 8.85447H12.9139" stroke="#E8AA00" stroke-width="0.625"/> <path d="M12.8966 9.37088H10.8342L11.8748 7.64426L12.8966 9.37088Z" stroke="#E8AA00" stroke-width="0.625"/> </g> </g> <defs> <clipPath id="clip0_4022_80018"> <rect width="24" height="18" rx="2" fill="white"/> </clipPath> </defs>'
+              : '<g clip-path="url(#clip0_4022_80018)"> <rect width="24" height="18" rx="2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z"/> <mask id="mask0_4022_80018"  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_4022_80018)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V6H24V0H0Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12V18H24V12H0Z"/> <path d="M14.6314 8.89367C14.6314 10.4367 13.3805 11.6875 11.8375 11.6875C10.2945 11.6875 9.0437 10.4367 9.0437 8.89367C9.0437 7.35067 10.2945 6.09982 11.8375 6.09982C13.3805 6.09982 14.6314 7.35067 14.6314 8.89367Z" stroke-width="0.625"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.358 7.2467C10.358 7.2467 9.64355 8.42245 9.64355 9.2296C9.64355 10.0368 10.4987 11.0513 11.8441 11.0513C13.1565 11.0513 14.0997 10.2674 14.1282 9.2296C14.1568 8.19185 13.4223 7.45309 13.4223 7.45309C13.4223 7.45309 13.838 8.94716 13.6301 9.55259C13.4223 10.158 12.7495 10.8905 11.8441 10.7973C10.9387 10.704 10.0795 9.58962 10.0795 9.2296C10.0795 8.86959 10.358 7.2467 10.358 7.2467Z"/> <path d="M10.6204 9.24625H13.0258" stroke-width="0.625"/> <path d="M10.8442 8.85447H12.9139" stroke-width="0.625"/> <path d="M12.8966 9.37088H10.8342L11.8748 7.64426L12.8966 9.37088Z" stroke-width="0.625"/> </g> </g> <defs> <clipPath id="clip0_4022_80018"> <rect width="24" height="18" rx="2"/> </clipPath> </defs>',
+        }}
+      />
+    </svg>
+  );
+});
+
+CircleSv.displayName = "CircleSv";
+
+export default CircleSv;

package/src/generated/circle-sx.tsx

@@ -0,0 +1,84 @@
+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 CircleSx = React.forwardRef<SVGSVGElement, IconProps>(function CircleSx(
+  {
+    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 = "#E31D1C" 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_4022_80032)"> <rect width="24" height="18" rx="2" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z" fill="#E31D1C"/> <mask id="mask0_4022_80032" 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_4022_80032)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 9V18H24V9H0Z" fill="#2E42A5"/> </g> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 -1.5V19.5L15 9L0 -1.5Z" fill="#F7FCFF"/> <mask id="mask1_4022_80032" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="-2" width="15" height="22"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 -1.5V19.5L15 9L0 -1.5Z" fill="white"/> </mask> <g mask="url(#mask1_4022_80032)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.09412 6.89161C7.17165 6.89161 8.04516 6.35623 8.04516 5.6958C8.04516 5.03538 7.17165 4.5 6.09412 4.5C5.01658 4.5 4.14307 5.03538 4.14307 5.6958C4.14307 6.35623 5.01658 6.89161 6.09412 6.89161Z" fill="#FBCD17"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.26491 4.78903C6.10563 4.78903 5.99246 4.89164 5.99246 5.04609L5.9926 5.06313C5.98405 5.08887 5.97924 5.11755 5.97838 5.14966C5.97617 5.23183 6.00677 5.30037 6.07098 5.36324C6.07493 5.38138 6.07699 5.39642 6.07641 5.40496C6.07251 5.39155 6.05701 5.38031 6.02749 5.35891C5.98553 5.32849 5.91523 5.27753 5.80967 5.17061C5.65764 5.01661 5.5429 4.95633 5.40028 4.98028C5.35704 4.98755 5.31471 5.00278 5.2639 5.02313C5.18288 5.05231 5.1083 5.05908 4.9706 5.03279C4.58794 4.95975 4.16824 5.03142 3.71387 5.24197L3.87153 5.58222C4.25932 5.40252 4.60144 5.3441 4.90029 5.40114C5.10557 5.44033 5.24812 5.42738 5.39095 5.37595C5.45249 5.3528 5.45788 5.35086 5.46239 5.3501C5.45786 5.35086 5.46076 5.35365 5.47978 5.37193C5.4926 5.38424 5.51272 5.40358 5.54281 5.43406C5.58567 5.47748 5.63048 5.51678 5.67624 5.55253C5.58828 5.57616 5.59283 5.59239 5.60898 5.64996C5.61556 5.67341 5.62406 5.70374 5.62901 5.74422C5.63995 5.8336 5.62178 5.87969 5.63745 5.90177C5.65494 5.92639 5.71454 5.92112 5.90367 5.91269C5.95457 5.91042 6.02342 5.90517 6.10286 5.89765C6.25865 5.88292 6.43497 5.86144 6.54331 5.84368C6.64855 5.82643 6.67652 5.82014 6.72066 5.78801L6.72067 5.78801C6.73593 5.76929 6.74899 5.75328 6.75981 5.73902C7.11968 5.68615 7.43968 5.64859 7.72444 5.62267C7.82653 5.61338 7.90858 5.60701 7.98803 5.60118C7.9896 5.60116 7.99092 5.60115 7.99222 5.60109C7.99872 5.60082 8.00516 5.59947 8.04358 5.59144C8.06377 5.58285 8.07211 5.57931 8.07494 5.57812L8.0749 5.5782C8.07562 5.57788 8.07616 5.57763 8.07616 5.57762C8.07616 5.57762 8.07581 5.57776 8.07494 5.57812L8.16685 5.36041L8.07189 5.24557C8.00829 5.22559 8.00829 5.22559 8.00028 5.2255C7.99286 5.22507 7.99016 5.22491 7.98746 5.22482C7.98591 5.22477 7.98437 5.22475 7.98194 5.22471C7.95185 5.22453 7.95184 5.22453 7.89596 5.22459H7.89594C7.83364 5.22459 7.78444 5.21932 7.71336 5.20669L7.64725 5.19453C7.35489 5.1409 7.08373 5.1409 6.50864 5.22664C6.49781 5.21826 6.48703 5.20999 6.47651 5.20209C6.56912 5.18599 6.68192 5.17507 6.80112 5.16871L6.80113 5.16871C6.87318 5.16536 6.87318 5.16536 6.91341 5.16429L6.93101 5.16387L6.92881 4.78906L6.90036 4.78903H6.26491ZM5.95427 5.87468L5.99014 5.86723L6.02546 5.85969C6.01899 5.86106 6.01181 5.86256 6.00388 5.86422C5.98982 5.86715 5.97339 5.87057 5.95427 5.87468Z" fill="#DA610A"/> <path d="M5.95374 6.37388L6.0043 6.38217L6.05486 6.37388C6.80188 6.25141 7.30496 6.2634 7.60418 6.36376C7.94465 6.47796 8.32926 6.43273 8.74061 6.27609C8.60375 6.85203 8.53385 7.39333 8.53385 7.89889C8.53385 8.4358 8.63757 8.86976 8.73315 9.25569C8.73595 9.26701 8.73875 9.27827 8.74153 9.28949C8.83476 9.66563 8.91412 9.98578 8.91412 10.3533C8.91412 10.693 8.79988 10.8833 8.6309 11.0029C8.44221 11.1365 8.13782 11.2153 7.70355 11.2153C7.09749 11.2153 6.53133 11.3821 6.01026 11.7093L6.0043 11.705L5.99834 11.7093C5.47728 11.3821 4.91112 11.2153 4.30505 11.2153C3.87079 11.2153 3.56639 11.1365 3.37771 11.0029C3.20872 10.8833 3.09448 10.693 3.09448 10.3533C3.09448 9.98578 3.17384 9.66563 3.26708 9.28949C3.26986 9.27828 3.27265 9.26701 3.27546 9.25569C3.37104 8.86976 3.47476 8.4358 3.47476 7.89889C3.47476 7.39333 3.40486 6.85203 3.268 6.27609C3.67935 6.43273 4.06395 6.47796 4.40443 6.36376C4.70365 6.2634 5.20673 6.25141 5.95374 6.37388Z" fill="#56C6F5" stroke="#E31D1C" stroke-width="0.625"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.58839 7.66812L6.00982 7.15384L5.43125 7.66812H5.60268V7.96461L4.70268 8.52527V9.8967H4.53125V10.1538L4.70268 10.1538H7.31696L7.53125 10.1538V9.8967H7.31696V8.52527L6.37411 7.93791V7.66812H6.58839Z" fill="#F7FCFF"/> <path d="M5.96381 12.7653C6.75959 12.7653 7.30743 12.6784 7.58953 12.5303C7.66348 12.4046 7.79319 12.3336 7.93121 12.3387C8.55105 12.3616 9.0311 12.1005 9.40849 11.5266C9.81626 10.9065 9.8982 10.0256 9.63243 8.86942L10.3071 8.71432C10.6117 10.0391 10.5122 11.1082 9.98695 11.9069C9.51627 12.6227 8.87452 13.0051 8.09132 13.031C7.6913 13.3272 6.99029 13.4576 5.96381 13.4576C4.97077 13.4576 4.23448 13.2648 3.76226 12.8551C2.68984 12.6018 2.00835 12.174 1.74038 11.54C1.45473 10.8642 1.45473 9.92595 1.72119 8.71734L2.39726 8.8664C2.15885 9.94779 2.15885 10.7518 2.37807 11.2705C2.53104 11.6324 2.97553 11.9278 3.72855 12.1326L4.42816 12.2822L4.39457 12.4588C4.73587 12.6583 5.25749 12.7653 5.96381 12.7653Z" fill="#FBCD17"/> <path d="M3.5354 6.61795L3.91891 6.77224L3.72716 7.1709L4.26354 6.89442L4.22188 7.09911L4.10688 7.66405L4.32666 7.02074V7.58898L4.46094 7.02074L4.85971 7.141L4.46094 6.89442L4.85971 6.77224" stroke="#73BE4A" stroke-width="0.625" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.2666 7.45279C4.47371 7.45279 4.6416 7.2849 4.6416 7.07779C4.6416 6.87068 4.47371 6.70279 4.2666 6.70279C4.05949 6.70279 3.8916 6.87068 3.8916 7.07779C3.8916 7.2849 4.05949 7.45279 4.2666 7.45279Z" fill="#FBCD17"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.98081 7.405C7.97468 7.15279 7.94666 6.57693 7.81869 6.57693C7.68998 6.57693 7.67041 7.15955 7.66793 7.40939C7.44635 7.48182 7.27954 7.67249 7.27954 7.67249H8.3832C8.3832 7.67249 8.20933 7.47375 7.98081 7.405Z" fill="#F7FCFF"/> </g> </g> <defs> <clipPath id="clip0_4022_80032"> <rect width="24" height="18" rx="2" fill="white"/> </clipPath> </defs>'
+              : '<g clip-path="url(#clip0_4022_80032)"> <rect width="24" height="18" rx="2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z"/> <mask id="mask0_4022_80032"  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_4022_80032)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 9V18H24V9H0Z"/> </g> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 -1.5V19.5L15 9L0 -1.5Z"/> <mask id="mask1_4022_80032"  style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="-2" width="15" height="22"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 -1.5V19.5L15 9L0 -1.5Z"/> </mask> <g mask="url(#mask1_4022_80032)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.09412 6.89161C7.17165 6.89161 8.04516 6.35623 8.04516 5.6958C8.04516 5.03538 7.17165 4.5 6.09412 4.5C5.01658 4.5 4.14307 5.03538 4.14307 5.6958C4.14307 6.35623 5.01658 6.89161 6.09412 6.89161Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.26491 4.78903C6.10563 4.78903 5.99246 4.89164 5.99246 5.04609L5.9926 5.06313C5.98405 5.08887 5.97924 5.11755 5.97838 5.14966C5.97617 5.23183 6.00677 5.30037 6.07098 5.36324C6.07493 5.38138 6.07699 5.39642 6.07641 5.40496C6.07251 5.39155 6.05701 5.38031 6.02749 5.35891C5.98553 5.32849 5.91523 5.27753 5.80967 5.17061C5.65764 5.01661 5.5429 4.95633 5.40028 4.98028C5.35704 4.98755 5.31471 5.00278 5.2639 5.02313C5.18288 5.05231 5.1083 5.05908 4.9706 5.03279C4.58794 4.95975 4.16824 5.03142 3.71387 5.24197L3.87153 5.58222C4.25932 5.40252 4.60144 5.3441 4.90029 5.40114C5.10557 5.44033 5.24812 5.42738 5.39095 5.37595C5.45249 5.3528 5.45788 5.35086 5.46239 5.3501C5.45786 5.35086 5.46076 5.35365 5.47978 5.37193C5.4926 5.38424 5.51272 5.40358 5.54281 5.43406C5.58567 5.47748 5.63048 5.51678 5.67624 5.55253C5.58828 5.57616 5.59283 5.59239 5.60898 5.64996C5.61556 5.67341 5.62406 5.70374 5.62901 5.74422C5.63995 5.8336 5.62178 5.87969 5.63745 5.90177C5.65494 5.92639 5.71454 5.92112 5.90367 5.91269C5.95457 5.91042 6.02342 5.90517 6.10286 5.89765C6.25865 5.88292 6.43497 5.86144 6.54331 5.84368C6.64855 5.82643 6.67652 5.82014 6.72066 5.78801L6.72067 5.78801C6.73593 5.76929 6.74899 5.75328 6.75981 5.73902C7.11968 5.68615 7.43968 5.64859 7.72444 5.62267C7.82653 5.61338 7.90858 5.60701 7.98803 5.60118C7.9896 5.60116 7.99092 5.60115 7.99222 5.60109C7.99872 5.60082 8.00516 5.59947 8.04358 5.59144C8.06377 5.58285 8.07211 5.57931 8.07494 5.57812L8.0749 5.5782C8.07562 5.57788 8.07616 5.57763 8.07616 5.57762C8.07616 5.57762 8.07581 5.57776 8.07494 5.57812L8.16685 5.36041L8.07189 5.24557C8.00829 5.22559 8.00829 5.22559 8.00028 5.2255C7.99286 5.22507 7.99016 5.22491 7.98746 5.22482C7.98591 5.22477 7.98437 5.22475 7.98194 5.22471C7.95185 5.22453 7.95184 5.22453 7.89596 5.22459H7.89594C7.83364 5.22459 7.78444 5.21932 7.71336 5.20669L7.64725 5.19453C7.35489 5.1409 7.08373 5.1409 6.50864 5.22664C6.49781 5.21826 6.48703 5.20999 6.47651 5.20209C6.56912 5.18599 6.68192 5.17507 6.80112 5.16871L6.80113 5.16871C6.87318 5.16536 6.87318 5.16536 6.91341 5.16429L6.93101 5.16387L6.92881 4.78906L6.90036 4.78903H6.26491ZM5.95427 5.87468L5.99014 5.86723L6.02546 5.85969C6.01899 5.86106 6.01181 5.86256 6.00388 5.86422C5.98982 5.86715 5.97339 5.87057 5.95427 5.87468Z"/> <path d="M5.95374 6.37388L6.0043 6.38217L6.05486 6.37388C6.80188 6.25141 7.30496 6.2634 7.60418 6.36376C7.94465 6.47796 8.32926 6.43273 8.74061 6.27609C8.60375 6.85203 8.53385 7.39333 8.53385 7.89889C8.53385 8.4358 8.63757 8.86976 8.73315 9.25569C8.73595 9.26701 8.73875 9.27827 8.74153 9.28949C8.83476 9.66563 8.91412 9.98578 8.91412 10.3533C8.91412 10.693 8.79988 10.8833 8.6309 11.0029C8.44221 11.1365 8.13782 11.2153 7.70355 11.2153C7.09749 11.2153 6.53133 11.3821 6.01026 11.7093L6.0043 11.705L5.99834 11.7093C5.47728 11.3821 4.91112 11.2153 4.30505 11.2153C3.87079 11.2153 3.56639 11.1365 3.37771 11.0029C3.20872 10.8833 3.09448 10.693 3.09448 10.3533C3.09448 9.98578 3.17384 9.66563 3.26708 9.28949C3.26986 9.27828 3.27265 9.26701 3.27546 9.25569C3.37104 8.86976 3.47476 8.4358 3.47476 7.89889C3.47476 7.39333 3.40486 6.85203 3.268 6.27609C3.67935 6.43273 4.06395 6.47796 4.40443 6.36376C4.70365 6.2634 5.20673 6.25141 5.95374 6.37388Z" stroke-width="0.625"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.58839 7.66812L6.00982 7.15384L5.43125 7.66812H5.60268V7.96461L4.70268 8.52527V9.8967H4.53125V10.1538L4.70268 10.1538H7.31696L7.53125 10.1538V9.8967H7.31696V8.52527L6.37411 7.93791V7.66812H6.58839Z"/> <path d="M5.96381 12.7653C6.75959 12.7653 7.30743 12.6784 7.58953 12.5303C7.66348 12.4046 7.79319 12.3336 7.93121 12.3387C8.55105 12.3616 9.0311 12.1005 9.40849 11.5266C9.81626 10.9065 9.8982 10.0256 9.63243 8.86942L10.3071 8.71432C10.6117 10.0391 10.5122 11.1082 9.98695 11.9069C9.51627 12.6227 8.87452 13.0051 8.09132 13.031C7.6913 13.3272 6.99029 13.4576 5.96381 13.4576C4.97077 13.4576 4.23448 13.2648 3.76226 12.8551C2.68984 12.6018 2.00835 12.174 1.74038 11.54C1.45473 10.8642 1.45473 9.92595 1.72119 8.71734L2.39726 8.8664C2.15885 9.94779 2.15885 10.7518 2.37807 11.2705C2.53104 11.6324 2.97553 11.9278 3.72855 12.1326L4.42816 12.2822L4.39457 12.4588C4.73587 12.6583 5.25749 12.7653 5.96381 12.7653Z"/> <path d="M3.5354 6.61795L3.91891 6.77224L3.72716 7.1709L4.26354 6.89442L4.22188 7.09911L4.10688 7.66405L4.32666 7.02074V7.58898L4.46094 7.02074L4.85971 7.141L4.46094 6.89442L4.85971 6.77224" stroke-width="0.625" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.2666 7.45279C4.47371 7.45279 4.6416 7.2849 4.6416 7.07779C4.6416 6.87068 4.47371 6.70279 4.2666 6.70279C4.05949 6.70279 3.8916 6.87068 3.8916 7.07779C3.8916 7.2849 4.05949 7.45279 4.2666 7.45279Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.98081 7.405C7.97468 7.15279 7.94666 6.57693 7.81869 6.57693C7.68998 6.57693 7.67041 7.15955 7.66793 7.40939C7.44635 7.48182 7.27954 7.67249 7.27954 7.67249H8.3832C8.3832 7.67249 8.20933 7.47375 7.98081 7.405Z"/> </g> </g> <defs> <clipPath id="clip0_4022_80032"> <rect width="24" height="18" rx="2"/> </clipPath> </defs>',
+        }}
+      />
+    </svg>
+  );
+});
+
+CircleSx.displayName = "CircleSx";
+
+export default CircleSx;

package/src/generated/circle-sy.tsx

@@ -0,0 +1,84 @@
+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 CircleSy = React.forwardRef<SVGSVGElement, IconProps>(function CircleSy(
+  {
+    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_4022_80059)"> <rect width="24" height="18" rx="2" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H24V18H0V0Z" fill="#F7FCFF"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.75135 10.403L5.34834 11.25L5.66836 9.59718L4.5 8.36021L6.08202 8.29332L6.75135 6.75L7.42067 8.29332H9L7.83433 9.59718L8.18527 11.25L6.75135 10.403Z" fill="#409100"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.2513 10.403L15.8483 11.25L16.1684 9.59718L15 8.36021L16.582 8.29332L17.2513 6.75L17.9207 8.29332H19.5L18.3343 9.59718L18.6853 11.25L17.2513 10.403Z" fill="#409100"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V6H24V0H0Z" fill="#E31D1C"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12V18H24V12H0Z" fill="#272727"/> </g> <defs> <clipPath id="clip0_4022_80059"> <rect width="24" height="18" rx="2" fill="white"/> </clipPath> </defs>'
+              : '<g clip-path="url(#clip0_4022_80059)"> <rect width="24" height="18" rx="2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H24V18H0V0Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.75135 10.403L5.34834 11.25L5.66836 9.59718L4.5 8.36021L6.08202 8.29332L6.75135 6.75L7.42067 8.29332H9L7.83433 9.59718L8.18527 11.25L6.75135 10.403Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.2513 10.403L15.8483 11.25L16.1684 9.59718L15 8.36021L16.582 8.29332L17.2513 6.75L17.9207 8.29332H19.5L18.3343 9.59718L18.6853 11.25L17.2513 10.403Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V6H24V0H0Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12V18H24V12H0Z"/> </g> <defs> <clipPath id="clip0_4022_80059"> <rect width="24" height="18" rx="2"/> </clipPath> </defs>',
+        }}
+      />
+    </svg>
+  );
+});
+
+CircleSy.displayName = "CircleSy";
+
+export default CircleSy;