@honeycluster/icons-flags 0.0.5

package/src/generated/circle-sb.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 CircleSb = React.forwardRef<SVGSVGElement, IconProps>(function CircleSb(
+  {
+    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_79787)"> <rect width="24" height="18" rx="2" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z" fill="#3D58DB"/> <mask id="mask0_4022_79787" 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_79787)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 18H24V0L0 18Z" fill="#579D20"/> <path d="M-0.586397 18.5589L-1.93921 16.6869L25.2565 -1.46573L26.6093 0.406338L-0.586397 18.5589Z" fill="#FECA00"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.73989 4.90992L3.76256 4.20058L4.83358 4.83822L4.45846 3.69498L5.20748 2.87691H4.19265L3.76256 1.67551L3.33248 2.87691L2.31592 2.91887L3.06667 3.69498L2.73989 4.90992ZM6.98352 4.90992L8.0062 4.20058L9.07721 4.83822L8.70209 3.69498L9.45111 2.87691H8.43628L8.0062 1.67551L7.57611 2.87691L6.55955 2.91887L7.3103 3.69498L6.98352 4.90992Z" fill="#F7FCFF"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.98592 7.09089L6.00859 6.38155L7.07961 7.01918L6.70449 5.87595L7.45351 5.05788H6.43868L6.00859 3.85648L5.57851 5.05788L4.56195 5.09984L5.3127 5.87595L4.98592 7.09089ZM3.76256 8.70057L2.73989 9.40992L3.06667 8.19497L2.31592 7.41886L3.33248 7.3769L3.76256 6.1755L4.19265 7.3769H5.20748L4.45846 8.19497L4.83358 9.33821L3.76256 8.70057ZM8.0062 8.70057L6.98352 9.40992L7.3103 8.19497L6.55955 7.41886L7.57611 7.3769L8.0062 6.1755L8.43628 7.3769H9.45111L8.70209 8.19497L9.07721 9.33821L8.0062 8.70057Z" fill="#F7FCFF"/> </g> </g> <defs> <clipPath id="clip0_4022_79787"> <rect width="24" height="18" rx="2" fill="white"/> </clipPath> </defs>'
+              : '<g clip-path="url(#clip0_4022_79787)"> <rect width="24" height="18" rx="2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z"/> <mask id="mask0_4022_79787"  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_79787)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 18H24V0L0 18Z"/> <path d="M-0.586397 18.5589L-1.93921 16.6869L25.2565 -1.46573L26.6093 0.406338L-0.586397 18.5589Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.73989 4.90992L3.76256 4.20058L4.83358 4.83822L4.45846 3.69498L5.20748 2.87691H4.19265L3.76256 1.67551L3.33248 2.87691L2.31592 2.91887L3.06667 3.69498L2.73989 4.90992ZM6.98352 4.90992L8.0062 4.20058L9.07721 4.83822L8.70209 3.69498L9.45111 2.87691H8.43628L8.0062 1.67551L7.57611 2.87691L6.55955 2.91887L7.3103 3.69498L6.98352 4.90992Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.98592 7.09089L6.00859 6.38155L7.07961 7.01918L6.70449 5.87595L7.45351 5.05788H6.43868L6.00859 3.85648L5.57851 5.05788L4.56195 5.09984L5.3127 5.87595L4.98592 7.09089ZM3.76256 8.70057L2.73989 9.40992L3.06667 8.19497L2.31592 7.41886L3.33248 7.3769L3.76256 6.1755L4.19265 7.3769H5.20748L4.45846 8.19497L4.83358 9.33821L3.76256 8.70057ZM8.0062 8.70057L6.98352 9.40992L7.3103 8.19497L6.55955 7.41886L7.57611 7.3769L8.0062 6.1755L8.43628 7.3769H9.45111L8.70209 8.19497L9.07721 9.33821L8.0062 8.70057Z"/> </g> </g> <defs> <clipPath id="clip0_4022_79787"> <rect width="24" height="18" rx="2"/> </clipPath> </defs>',
+        }}
+      />
+    </svg>
+  );
+});
+
+CircleSb.displayName = "CircleSb";
+
+export default CircleSb;

package/src/generated/circle-sc.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 CircleSc = React.forwardRef<SVGSVGElement, IconProps>(function CircleSc(
+  {
+    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_79802)"> <rect width="24" height="18" rx="2" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z" fill="#2E42A5"/> <mask id="mask0_4022_79802" 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_79802)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 17.9974L12.1133 -1.5H24.2265L0 17.9974Z" fill="#FFD018"/> <path d="M0 17.9974L25.8474 8.24872V-3.82748L0 17.9974Z" fill="#E31D1C"/> <path d="M0 17.9974L25.8474 14.2487V8.17252L0 17.9974Z" fill="#F7FCFF"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 17.9974H25.8474V12.6725L0 17.9974Z" fill="#5EAA22"/> </g> </g> <defs> <clipPath id="clip0_4022_79802"> <rect width="24" height="18" rx="2" fill="white"/> </clipPath> </defs>'
+              : '<g clip-path="url(#clip0_4022_79802)"> <rect width="24" height="18" rx="2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z"/> <mask id="mask0_4022_79802"  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_79802)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 17.9974L12.1133 -1.5H24.2265L0 17.9974Z"/> <path d="M0 17.9974L25.8474 8.24872V-3.82748L0 17.9974Z"/> <path d="M0 17.9974L25.8474 14.2487V8.17252L0 17.9974Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 17.9974H25.8474V12.6725L0 17.9974Z"/> </g> </g> <defs> <clipPath id="clip0_4022_79802"> <rect width="24" height="18" rx="2"/> </clipPath> </defs>',
+        }}
+      />
+    </svg>
+  );
+});
+
+CircleSc.displayName = "CircleSc";
+
+export default CircleSc;

package/src/generated/circle-sd.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 CircleSd = React.forwardRef<SVGSVGElement, IconProps>(function CircleSd(
+  {
+    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_79811)"> <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="#E31D1C"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12V18H24V12H0Z" fill="#272727"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0L12 9L0 18V0Z" fill="#5EAA22"/> </g> <defs> <clipPath id="clip0_4022_79811"> <rect width="24" height="18" rx="2" fill="white"/> </clipPath> </defs>'
+              : '<g clip-path="url(#clip0_4022_79811)"> <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 fill-rule="evenodd" clip-rule="evenodd" d="M0 0L12 9L0 18V0Z"/> </g> <defs> <clipPath id="clip0_4022_79811"> <rect width="24" height="18" rx="2"/> </clipPath> </defs>',
+        }}
+      />
+    </svg>
+  );
+});
+
+CircleSd.displayName = "CircleSd";
+
+export default CircleSd;

package/src/generated/circle-se.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 CircleSe = React.forwardRef<SVGSVGElement, IconProps>(function CircleSe(
+  {
+    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_79818)"> <rect width="24" height="18" rx="2" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z" fill="#3D58DB"/> <mask id="mask0_4022_79818" 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_79818)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H10.5V7.5H24V10.5H10.5V18H7.5V10.5H0V7.5H7.5V0Z" fill="#FECA00"/> </g> </g> <defs> <clipPath id="clip0_4022_79818"> <rect width="24" height="18" rx="2" fill="white"/> </clipPath> </defs>'
+              : '<g clip-path="url(#clip0_4022_79818)"> <rect width="24" height="18" rx="2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z"/> <mask id="mask0_4022_79818"  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_79818)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H10.5V7.5H24V10.5H10.5V18H7.5V10.5H0V7.5H7.5V0Z"/> </g> </g> <defs> <clipPath id="clip0_4022_79818"> <rect width="24" height="18" rx="2"/> </clipPath> </defs>',
+        }}
+      />
+    </svg>
+  );
+});
+
+CircleSe.displayName = "CircleSe";
+
+export default CircleSe;

package/src/generated/circle-sg.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 CircleSg = React.forwardRef<SVGSVGElement, IconProps>(function CircleSg(
+  {
+    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_79825)"> <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_79825" 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_79825)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V9H24V0H0Z" fill="#E31D1C"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.65127 7.94219C6.65127 7.94219 4.532 7.08983 4.532 4.78052C4.532 2.47122 6.65127 1.64639 6.65127 1.64639C5.62127 1.38564 2.88818 1.61885 2.88818 4.78052C2.88818 7.94219 5.57997 8.53845 6.65127 7.94219ZM7.19425 7.56049L7.80222 7.19346L8.42358 7.56049L8.27151 6.84426L8.77663 6.27926H8.09226L7.80222 5.61049L7.51218 6.27926L6.82663 6.30824L7.33292 6.84426L7.19425 7.56049ZM10.0119 7.15247L9.40397 7.5195L9.54265 6.80328L9.03636 6.26726L9.7219 6.23828L10.0119 5.5695L10.302 6.23828H10.9864L10.4812 6.80328L10.6333 7.5195L10.0119 7.15247ZM8.46533 4.32742L9.0733 3.96039L9.69467 4.32742L9.5426 3.6112L10.0477 3.04619H9.36334L9.0733 2.37742L8.78326 3.04619L8.09772 3.07518L8.60401 3.6112L8.46533 4.32742ZM7.02731 5.41701L6.41934 5.78404L6.55801 5.06782L6.05172 4.5318L6.73727 4.50281L7.02731 3.83404L7.31735 4.50281H8.00172L7.4966 5.06782L7.64867 5.78404L7.02731 5.41701ZM10.4381 5.75115L11.0461 5.38412L11.6675 5.75115L11.5154 5.03493L12.0205 4.46992H11.3362L11.0461 3.80115L10.7561 4.46992L10.0705 4.49891L10.5768 5.03493L10.4381 5.75115Z" fill="#F1F9FF"/> </g> </g> <defs> <clipPath id="clip0_4022_79825"> <rect width="24" height="18" rx="2" fill="white"/> </clipPath> </defs>'
+              : '<g clip-path="url(#clip0_4022_79825)"> <rect width="24" height="18" rx="2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z"/> <mask id="mask0_4022_79825"  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_79825)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V9H24V0H0Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.65127 7.94219C6.65127 7.94219 4.532 7.08983 4.532 4.78052C4.532 2.47122 6.65127 1.64639 6.65127 1.64639C5.62127 1.38564 2.88818 1.61885 2.88818 4.78052C2.88818 7.94219 5.57997 8.53845 6.65127 7.94219ZM7.19425 7.56049L7.80222 7.19346L8.42358 7.56049L8.27151 6.84426L8.77663 6.27926H8.09226L7.80222 5.61049L7.51218 6.27926L6.82663 6.30824L7.33292 6.84426L7.19425 7.56049ZM10.0119 7.15247L9.40397 7.5195L9.54265 6.80328L9.03636 6.26726L9.7219 6.23828L10.0119 5.5695L10.302 6.23828H10.9864L10.4812 6.80328L10.6333 7.5195L10.0119 7.15247ZM8.46533 4.32742L9.0733 3.96039L9.69467 4.32742L9.5426 3.6112L10.0477 3.04619H9.36334L9.0733 2.37742L8.78326 3.04619L8.09772 3.07518L8.60401 3.6112L8.46533 4.32742ZM7.02731 5.41701L6.41934 5.78404L6.55801 5.06782L6.05172 4.5318L6.73727 4.50281L7.02731 3.83404L7.31735 4.50281H8.00172L7.4966 5.06782L7.64867 5.78404L7.02731 5.41701ZM10.4381 5.75115L11.0461 5.38412L11.6675 5.75115L11.5154 5.03493L12.0205 4.46992H11.3362L11.0461 3.80115L10.7561 4.46992L10.0705 4.49891L10.5768 5.03493L10.4381 5.75115Z"/> </g> </g> <defs> <clipPath id="clip0_4022_79825"> <rect width="24" height="18" rx="2"/> </clipPath> </defs>',
+        }}
+      />
+    </svg>
+  );
+});
+
+CircleSg.displayName = "CircleSg";
+
+export default CircleSg;

package/src/generated/circle-sh.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 CircleSh = React.forwardRef<SVGSVGElement, IconProps>(function CircleSh(
+  {
+    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_79838)"> <rect width="24" height="18" rx="2" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z" fill="#2E42A5"/> <mask id="mask0_4022_79838" 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_79838)"> </g> <g clip-path="url(#clip1_4022_79838)"> <rect width="11" height="9" fill="#2E42A5"/> <path d="M-1.25269 8.12488L1.22291 9.21063L11.3062 1.18046L12.612 -0.432999L9.96468 -0.795888L5.85197 2.66454L2.54165 4.99607L-1.25269 8.12488Z" fill="#F7FCFF"/> <path d="M-0.913818 8.88561L0.347383 9.51569L12.143 -0.582886H10.3721L-0.913818 8.88561Z" fill="#F50100"/> <path d="M12.5027 8.1249L10.3056 9.5206L-0.0561562 1.18047L-1.36198 -0.432984L1.28532 -0.795875L5.39803 2.66456L8.70835 4.99608L12.5027 8.1249Z" fill="#F7FCFF"/> <path d="M12.4182 8.67082L11.157 9.3009L6.13431 4.97718L4.64518 4.4941L-1.48763 -0.427482H0.283246L6.41261 4.37728L8.04071 4.95655L12.4182 8.67082Z" fill="#F50100"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 0H5V4H0V5H5V9H6V5H11V4H6V0Z" fill="#F50100"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.0625 0H6.9375V3.0625L11 3V5.875L6.9375 5.9375V9H4.0625V5.9375L0 5.875V3L4.0625 3.0625V0ZM5 4H0V5H5V9H6V5H11V4H6V0H5V4Z" fill="#F7FCFF"/> </g> </g> <defs> <clipPath id="clip0_4022_79838"> <rect width="24" height="18" rx="2" fill="white"/> </clipPath> <clipPath id="clip1_4022_79838"> <rect width="11" height="9" fill="white"/> </clipPath> </defs>'
+              : '<g clip-path="url(#clip0_4022_79838)"> <rect width="24" height="18" rx="2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z"/> <mask id="mask0_4022_79838"  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_79838)"> </g> <g clip-path="url(#clip1_4022_79838)"> <rect width="11" height="9"/> <path d="M-1.25269 8.12488L1.22291 9.21063L11.3062 1.18046L12.612 -0.432999L9.96468 -0.795888L5.85197 2.66454L2.54165 4.99607L-1.25269 8.12488Z"/> <path d="M-0.913818 8.88561L0.347383 9.51569L12.143 -0.582886H10.3721L-0.913818 8.88561Z"/> <path d="M12.5027 8.1249L10.3056 9.5206L-0.0561562 1.18047L-1.36198 -0.432984L1.28532 -0.795875L5.39803 2.66456L8.70835 4.99608L12.5027 8.1249Z"/> <path d="M12.4182 8.67082L11.157 9.3009L6.13431 4.97718L4.64518 4.4941L-1.48763 -0.427482H0.283246L6.41261 4.37728L8.04071 4.95655L12.4182 8.67082Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 0H5V4H0V5H5V9H6V5H11V4H6V0Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.0625 0H6.9375V3.0625L11 3V5.875L6.9375 5.9375V9H4.0625V5.9375L0 5.875V3L4.0625 3.0625V0ZM5 4H0V5H5V9H6V5H11V4H6V0H5V4Z"/> </g> </g> <defs> <clipPath id="clip0_4022_79838"> <rect width="24" height="18" rx="2"/> </clipPath> <clipPath id="clip1_4022_79838"> <rect width="11" height="9"/> </clipPath> </defs>',
+        }}
+      />
+    </svg>
+  );
+});
+
+CircleSh.displayName = "CircleSh";
+
+export default CircleSh;

package/src/generated/circle-si.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 CircleSi = React.forwardRef<SVGSVGElement, IconProps>(function CircleSi(
+  {
+    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_79850)"> <rect width="24" height="18" rx="2" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z" fill="#2E42A5"/> <mask id="mask0_4022_79850" 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_79850)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V6H24V0H0Z" fill="#F7FCFF"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12V18H24V12H0Z" fill="#C51918"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3052 3.77719C10.3052 3.77719 8.72669 3.03174 6.76334 3.03174C4.79999 3.03174 3.22144 3.77719 3.22144 3.77719C3.22144 3.77719 3.39711 6.77323 3.67476 8.36038C3.7933 9.03804 4.3631 10.0264 4.87896 10.4942C5.46693 11.0275 6.76334 11.6592 6.76334 11.6592C7.13849 11.4007 7.83994 11.2844 8.73652 10.4942C9.6331 9.70406 9.85594 8.36038 9.85594 8.36038L10.3052 3.77719Z" fill="#2E42A5"/> <path d="M10.0966 3.67926L10.754 4.00755L10.3027 8.52452C10.1446 9.48052 9.74914 10.2344 9.11669 10.7918C8.7736 11.0942 8.4387 11.3201 8.07965 11.5078C7.87698 11.6138 7.02922 12.0505 7.03661 12.0469C6.95167 12.0879 6.88726 12.1237 6.83494 12.1598L6.75294 12.2163L6.66442 12.1731C5.78635 11.7453 4.96711 11.1695 4.56001 10.8003C4.00427 10.2963 3.41831 9.26499 3.29338 8.55088C3.1066 7.48314 2.93909 6.01246 2.82153 4.00755L3.41208 3.6986C3.52875 5.68841 3.66959 7.27459 3.85301 8.32306C3.96152 8.94337 4.50186 9.89437 4.99478 10.3414C5.35908 10.6718 5.94598 11.0381 6.75294 11.4365C6.80108 11.4083 6.85442 11.3804 6.91544 11.351C6.91716 11.3501 7.4661 11.1063 7.65687 11.0066C7.99148 10.8317 8.30251 10.6218 8.62273 10.3396C9.18416 9.84483 9.53456 9.17847 9.67627 8.33195L10.0966 3.67926Z" fill="#C51918"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.15674 8.26814C4.15674 8.26814 4.29982 8.70589 4.56435 9.19751C4.95281 9.29995 5.1905 9.29456 5.26563 9.21047C5.48297 8.96721 6.25625 8.86326 6.40054 9.07106C6.48955 9.19927 6.80244 9.2879 7.14456 9.17064L7.10641 9.17739C7.16584 9.15578 7.30502 9.10061 7.39082 9.06661C7.42668 9.05239 7.45321 9.04188 7.46069 9.03906C7.58949 8.99045 7.68413 8.96495 7.78054 8.95778C7.9014 8.9488 8.01729 8.9713 8.14008 9.02977C8.41002 9.15829 8.74307 9.21819 8.96988 9.17926C9.24712 8.6964 9.44482 8.26814 9.44482 8.26814L8.12834 7.0047L7.6051 7.5725L6.73572 6.33307L6.00788 7.5725L5.44977 7.0047L4.15674 8.26814ZM4.91781 9.76088C4.85704 9.67893 4.7996 9.59427 4.74562 9.50883C5.08257 9.57027 5.31136 9.53797 5.43864 9.39551C5.49876 9.32821 5.67714 9.26296 5.88009 9.23568C5.97472 9.22296 6.06549 9.21979 6.1351 9.22643C6.16703 9.22948 6.19277 9.23447 6.2101 9.24046C6.21571 9.2424 6.21553 9.24215 6.20971 9.23381L6.20865 9.23229C6.36384 9.45419 6.78517 9.57312 7.1827 9.42859L7.14456 9.43534C7.25208 9.40229 7.44575 9.32613 7.51534 9.29877L7.53956 9.2893C7.64993 9.24765 7.726 9.22715 7.79694 9.22188C7.87876 9.2158 7.95596 9.23079 8.04354 9.27249C8.28258 9.3863 8.56043 9.45402 8.80533 9.45577C8.75313 9.54021 8.69923 9.62418 8.64423 9.70577C8.45385 9.74996 8.15932 9.69185 7.92173 9.56211C7.81068 9.50148 7.70463 9.47786 7.59404 9.48729C7.50661 9.49474 7.42182 9.52095 7.30729 9.57051C7.3006 9.5734 7.27708 9.5841 7.24541 9.59849C7.17049 9.63255 7.04996 9.68733 6.99866 9.70872L7.04173 9.70005C6.7444 9.81474 6.48414 9.73018 6.40983 9.60745C6.27723 9.38842 5.58226 9.49556 5.38674 9.74654C5.33461 9.81345 5.17731 9.82568 4.91781 9.76088ZM5.17656 10.0676C5.19121 10.0826 5.206 10.0974 5.22093 10.112C5.89832 10.7725 6.73572 11.0962 6.73572 11.0962C6.73572 11.0962 7.73313 10.7944 8.29921 10.159C8.34751 10.1048 8.39591 10.046 8.44404 9.98397C8.23761 9.97375 8.01069 9.90653 7.81369 9.79896C7.7413 9.75943 7.67898 9.74556 7.61284 9.7512C7.55434 9.75618 7.49028 9.77598 7.39627 9.81666C7.39373 9.81776 7.38759 9.82053 7.37856 9.82459C7.32099 9.85051 7.14615 9.92924 7.04173 9.96475L7.08481 9.95608C6.7344 10.1022 6.36236 9.98683 6.21725 9.76801C6.20439 9.76295 6.18421 9.75849 6.15864 9.75569C6.10042 9.74931 6.02355 9.75239 5.94318 9.76478C5.77098 9.79133 5.6206 9.85442 5.57087 9.91826C5.48726 10.0256 5.35614 10.073 5.17656 10.0676Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.3601 4.41465H4.83276L5.24177 4.03149L4.83276 3.6266H5.3601L5.58276 3.23358L5.80632 3.6266H6.33276L5.94421 4.00717L6.28922 4.41465H5.80632L5.58276 4.8294L5.3601 4.41465Z" fill="#FECA00"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.84546 4.41465H7.31812L7.72712 4.03149L7.31812 3.6266H7.84546L8.06812 3.23358L8.29167 3.6266H8.81812L8.42956 4.00717L8.77457 4.41465H8.29167L8.06812 4.8294L7.84546 4.41465Z" fill="#FECA00"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.44995 5.67561H5.92261L6.33161 5.29245L5.92261 4.88756H6.44995L6.67261 4.49454L6.89616 4.88756H7.42261L7.03405 5.26813L7.37907 5.67561H6.89616L6.67261 6.09036L6.44995 5.67561Z" fill="#FECA00"/> </g> </g> <defs> <clipPath id="clip0_4022_79850"> <rect width="24" height="18" rx="2" fill="white"/> </clipPath> </defs>'
+              : '<g clip-path="url(#clip0_4022_79850)"> <rect width="24" height="18" rx="2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V18H24V0H0Z"/> <mask id="mask0_4022_79850"  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_79850)"> <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="M10.3052 3.77719C10.3052 3.77719 8.72669 3.03174 6.76334 3.03174C4.79999 3.03174 3.22144 3.77719 3.22144 3.77719C3.22144 3.77719 3.39711 6.77323 3.67476 8.36038C3.7933 9.03804 4.3631 10.0264 4.87896 10.4942C5.46693 11.0275 6.76334 11.6592 6.76334 11.6592C7.13849 11.4007 7.83994 11.2844 8.73652 10.4942C9.6331 9.70406 9.85594 8.36038 9.85594 8.36038L10.3052 3.77719Z"/> <path d="M10.0966 3.67926L10.754 4.00755L10.3027 8.52452C10.1446 9.48052 9.74914 10.2344 9.11669 10.7918C8.7736 11.0942 8.4387 11.3201 8.07965 11.5078C7.87698 11.6138 7.02922 12.0505 7.03661 12.0469C6.95167 12.0879 6.88726 12.1237 6.83494 12.1598L6.75294 12.2163L6.66442 12.1731C5.78635 11.7453 4.96711 11.1695 4.56001 10.8003C4.00427 10.2963 3.41831 9.26499 3.29338 8.55088C3.1066 7.48314 2.93909 6.01246 2.82153 4.00755L3.41208 3.6986C3.52875 5.68841 3.66959 7.27459 3.85301 8.32306C3.96152 8.94337 4.50186 9.89437 4.99478 10.3414C5.35908 10.6718 5.94598 11.0381 6.75294 11.4365C6.80108 11.4083 6.85442 11.3804 6.91544 11.351C6.91716 11.3501 7.4661 11.1063 7.65687 11.0066C7.99148 10.8317 8.30251 10.6218 8.62273 10.3396C9.18416 9.84483 9.53456 9.17847 9.67627 8.33195L10.0966 3.67926Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.15674 8.26814C4.15674 8.26814 4.29982 8.70589 4.56435 9.19751C4.95281 9.29995 5.1905 9.29456 5.26563 9.21047C5.48297 8.96721 6.25625 8.86326 6.40054 9.07106C6.48955 9.19927 6.80244 9.2879 7.14456 9.17064L7.10641 9.17739C7.16584 9.15578 7.30502 9.10061 7.39082 9.06661C7.42668 9.05239 7.45321 9.04188 7.46069 9.03906C7.58949 8.99045 7.68413 8.96495 7.78054 8.95778C7.9014 8.9488 8.01729 8.9713 8.14008 9.02977C8.41002 9.15829 8.74307 9.21819 8.96988 9.17926C9.24712 8.6964 9.44482 8.26814 9.44482 8.26814L8.12834 7.0047L7.6051 7.5725L6.73572 6.33307L6.00788 7.5725L5.44977 7.0047L4.15674 8.26814ZM4.91781 9.76088C4.85704 9.67893 4.7996 9.59427 4.74562 9.50883C5.08257 9.57027 5.31136 9.53797 5.43864 9.39551C5.49876 9.32821 5.67714 9.26296 5.88009 9.23568C5.97472 9.22296 6.06549 9.21979 6.1351 9.22643C6.16703 9.22948 6.19277 9.23447 6.2101 9.24046C6.21571 9.2424 6.21553 9.24215 6.20971 9.23381L6.20865 9.23229C6.36384 9.45419 6.78517 9.57312 7.1827 9.42859L7.14456 9.43534C7.25208 9.40229 7.44575 9.32613 7.51534 9.29877L7.53956 9.2893C7.64993 9.24765 7.726 9.22715 7.79694 9.22188C7.87876 9.2158 7.95596 9.23079 8.04354 9.27249C8.28258 9.3863 8.56043 9.45402 8.80533 9.45577C8.75313 9.54021 8.69923 9.62418 8.64423 9.70577C8.45385 9.74996 8.15932 9.69185 7.92173 9.56211C7.81068 9.50148 7.70463 9.47786 7.59404 9.48729C7.50661 9.49474 7.42182 9.52095 7.30729 9.57051C7.3006 9.5734 7.27708 9.5841 7.24541 9.59849C7.17049 9.63255 7.04996 9.68733 6.99866 9.70872L7.04173 9.70005C6.7444 9.81474 6.48414 9.73018 6.40983 9.60745C6.27723 9.38842 5.58226 9.49556 5.38674 9.74654C5.33461 9.81345 5.17731 9.82568 4.91781 9.76088ZM5.17656 10.0676C5.19121 10.0826 5.206 10.0974 5.22093 10.112C5.89832 10.7725 6.73572 11.0962 6.73572 11.0962C6.73572 11.0962 7.73313 10.7944 8.29921 10.159C8.34751 10.1048 8.39591 10.046 8.44404 9.98397C8.23761 9.97375 8.01069 9.90653 7.81369 9.79896C7.7413 9.75943 7.67898 9.74556 7.61284 9.7512C7.55434 9.75618 7.49028 9.77598 7.39627 9.81666C7.39373 9.81776 7.38759 9.82053 7.37856 9.82459C7.32099 9.85051 7.14615 9.92924 7.04173 9.96475L7.08481 9.95608C6.7344 10.1022 6.36236 9.98683 6.21725 9.76801C6.20439 9.76295 6.18421 9.75849 6.15864 9.75569C6.10042 9.74931 6.02355 9.75239 5.94318 9.76478C5.77098 9.79133 5.6206 9.85442 5.57087 9.91826C5.48726 10.0256 5.35614 10.073 5.17656 10.0676Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.3601 4.41465H4.83276L5.24177 4.03149L4.83276 3.6266H5.3601L5.58276 3.23358L5.80632 3.6266H6.33276L5.94421 4.00717L6.28922 4.41465H5.80632L5.58276 4.8294L5.3601 4.41465Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.84546 4.41465H7.31812L7.72712 4.03149L7.31812 3.6266H7.84546L8.06812 3.23358L8.29167 3.6266H8.81812L8.42956 4.00717L8.77457 4.41465H8.29167L8.06812 4.8294L7.84546 4.41465Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.44995 5.67561H5.92261L6.33161 5.29245L5.92261 4.88756H6.44995L6.67261 4.49454L6.89616 4.88756H7.42261L7.03405 5.26813L7.37907 5.67561H6.89616L6.67261 6.09036L6.44995 5.67561Z"/> </g> </g> <defs> <clipPath id="clip0_4022_79850"> <rect width="24" height="18" rx="2"/> </clipPath> </defs>',
+        }}
+      />
+    </svg>
+  );
+});
+
+CircleSi.displayName = "CircleSi";
+
+export default CircleSi;