@brightlocal/icons 2.1.0 → 2.2.0

package/src/flag/flag-icon.tsx

@@ -0,0 +1,70 @@
+import * as React from "react";
+
+import { DynamicIcon } from "../icons/dynamic-icon.js";
+import { flagIconNames, type FlagIconName } from "./dynamic-imports.js";
+import { Globe } from "../icons/lucide-exports.js";
+
+export interface DynamicFlagIconProps
+  extends React.ComponentProps<"span"> {
+  /** ISO 3166-1 alpha-3 country code (e.g. "USA", "GBR") */
+  country: string;
+  /**
+   * Icon size in pixels (width and height)
+   * @default 20
+   */
+  size?: number;
+}
+
+const flagIconNameSet = new Set<string>(flagIconNames);
+
+const DynamicFlagIcon = React.forwardRef<HTMLSpanElement, DynamicFlagIconProps>(
+  ({ country, size = 20, className, style, ...props }, ref) => {
+    const isKnown = flagIconNameSet.has(country);
+
+    return (
+      <span
+        ref={ref}
+        aria-hidden="true"
+        className={className}
+        data-slot="flag-icon"
+        style={{
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "center",
+          flexShrink: 0,
+          width: size,
+          height: size,
+          ...style,
+        }}
+        {...props}
+      >
+        {isKnown ? (
+          <DynamicIcon
+            name={country as FlagIconName}
+            size={size}
+          />
+        ) : (
+          <span
+            data-slot="flag-icon-fallback"
+            style={{
+              display: "inline-flex",
+              alignItems: "center",
+              justifyContent: "center",
+              width: size,
+              height: size,
+              borderRadius: "9999px",
+              backgroundColor: "var(--color-muted, #f3f4f6)",
+              color: "var(--color-muted-foreground, #6b7280)",
+            }}
+          >
+            <Globe size={Math.round(size * 0.65)} />
+          </span>
+        )}
+      </span>
+    );
+  }
+);
+
+DynamicFlagIcon.displayName = "DynamicFlagIcon";
+
+export { DynamicFlagIcon };

package/src/flag/index.ts

@@ -1,6 +1,6 @@
 /**
  * Flag icons
- * Auto-generated on 2026-03-31T08:26:35.092Z
+ * Auto-generated on 2026-04-16T08:30:32.846Z
  * Do not edit manually
  *
  * All icons are React SVG components with TypeScript support

package/src/flag/kna.tsx

@@ -27,7 +27,7 @@ export const KNA = ({ size = 16, ...props }: KNAProps) => (
     <g clipPath="url(#clip0_26781_1047)">
 <circle cx="12" cy="12" fill="#3A7DCE" r="12"/>
 <g clipPath="url(#clip1_26781_1047)">
-<mask height="24" id="mask0_26781_1047" maskUnits="userSpaceOnUse" style={{maskType: "luminance"}} width="33" x="-4" y="0">
+<mask height="24" id="mask0_26781_1047" maskUnits="userSpaceOnUse" style={{ maskType: "luminance" }} width="33" x="-4" y="0">
 <path d="M-4 0H28.0016V24H-4V0Z" fill="white"/>
 </mask>
 <g mask="url(#mask0_26781_1047)">

package/src/icons/dynamic-icon.tsx

@@ -37,7 +37,7 @@ export interface DynamicIconProps extends React.ComponentProps<"svg"> {
   absoluteStrokeWidth?: boolean;
   /**
    * Fallback content displayed while the icon is loading.
-   * @default null
+   * Defaults to an invisible placeholder that matches the icon's dimensions to prevent layout shift.
    */
   fallback?: React.ReactNode;
 }
@@ -85,6 +85,10 @@ for (const [name, loader] of Object.entries(iconImports)) {
  * <DynamicIcon name="camera" size={24} fallback={<Skeleton />} />
  *
  * @example
+ * // Opt out of default placeholder
+ * <DynamicIcon name="camera" size={24} fallback={null} />
+ *
+ * @example
  * // Database-driven
  * <DynamicIcon name={country.iso} size={16} />
  */
@@ -95,7 +99,7 @@ export const DynamicIcon = React.forwardRef<SVGSVGElement, DynamicIconProps>(
       size = 16,
       strokeWidth = 1.33,
       absoluteStrokeWidth = true,
-      fallback = null,
+      fallback,
       ...props
     },
     ref
@@ -114,8 +118,23 @@ export const DynamicIcon = React.forwardRef<SVGSVGElement, DynamicIconProps>(
       ? { ref, size, strokeWidth, absoluteStrokeWidth, ...props }
       : { ref, size, ...props };
 
+    const placeholder =
+      fallback !== undefined ? (
+        fallback
+      ) : (
+        <span
+          aria-hidden="true"
+          style={{
+            display: "inline-block",
+            width: size,
+            height: size,
+            flexShrink: 0,
+          }}
+        />
+      );
+
     return (
-      <React.Suspense fallback={fallback}>
+      <React.Suspense fallback={placeholder}>
         <Icon {...iconProps} />
       </React.Suspense>
     );

package/src/index.ts

@@ -11,6 +11,10 @@ export * from "./icons/lucide-exports.js";
 export { createLucideIcon } from "lucide-react";
 export type { IconNode, LucideProps } from "lucide-react";
 
+// Higher-level flag wrapper with unknown-country fallback and loading skeleton
+export { DynamicFlagIcon } from "./flag/flag-icon.js";
+export type { DynamicFlagIconProps } from "./flag/flag-icon.js";
+
 // Flag icons - Full list available via barrel exports
 // All icons are React SVG components with proper fill colors
 export * from "./flag/index.js";
@@ -25,7 +29,7 @@ export { ALB } from "./flag/alb.js";
 export { AND } from "./flag/and.js";
 export { ARE } from "./flag/are.js";
 export { ARG } from "./flag/arg.js";
-// ... and 251 more
+// ... and 252 more
 
 // Social Media icons - Full list available via barrel exports
 // All icons are React SVG components with proper fill colors
@@ -41,7 +45,7 @@ export { ApplePodcastsNeutral } from "./social-media/apple-podcasts-neutral.js";
 export { ApplePodcastsOriginal } from "./social-media/apple-podcasts-original.js";
 export { ArtstationNeutral } from "./social-media/artstation-neutral.js";
 export { ArtstationOriginal } from "./social-media/artstation-original.js";
-// ... and 111 more
+// ... and 117 more
 
 // Custom icons
 export * from "./custom/index.js";

package/src/social-media/capterra-neutral.tsx

@@ -0,0 +1,41 @@
+import type { SVGProps } from "react";
+
+export interface CapterraNeutralProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
+/**
+ * CapterraNeutral icon from social-media category
+ *
+ * @example
+ * <CapterraNeutral size={16} />
+ * <CapterraNeutral size={32} className="text-primary" />
+ */
+export const CapterraNeutral = ({ size = 16, ...props }: CapterraNeutralProps) => (
+  <svg
+    fill="none"
+    height={size}
+    viewBox="0 0 24 24"
+    width={size}
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g transform="scale(0.48)">
+<g clipPath="url(#clip0_capterra_neut)">
+<path d="M0.45343 18.3837L21.1894 18.3879L33.7984 18.39V5.89844L0.45343 18.3837Z" fill="#111412"/>
+<path d="M33.7983 5.8985V50L49.5466 0L33.7983 5.8985Z" fill="#111412"/>
+<path d="M33.7983 18.3898L21.1894 18.3877L33.7985 49.9998L33.7983 18.3898Z" fill="#111412"/>
+<path d="M0.45343 18.3838L24.4229 26.4991L21.1894 18.3879L0.45343 18.3838Z" fill="#111412"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_capterra_neut">
+<rect fill="white" height="50" width="50"/>
+</clipPath>
+</defs>
+  </svg>
+);

package/src/social-media/capterra-original.tsx

@@ -0,0 +1,41 @@
+import type { SVGProps } from "react";
+
+export interface CapterraOriginalProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
+/**
+ * CapterraOriginal icon from social-media category
+ *
+ * @example
+ * <CapterraOriginal size={16} />
+ * <CapterraOriginal size={32} className="text-primary" />
+ */
+export const CapterraOriginal = ({ size = 16, ...props }: CapterraOriginalProps) => (
+  <svg
+    fill="none"
+    height={size}
+    viewBox="0 0 24 24"
+    width={size}
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g transform="scale(0.48)">
+<g clipPath="url(#clip0_capterra_orig)">
+<path d="M0.45343 18.3837L21.1894 18.3879L33.7984 18.39V5.89844L0.45343 18.3837Z" fill="#FF9D28"/>
+<path d="M33.7983 5.8985V50L49.5466 0L33.7983 5.8985Z" fill="#68C5ED"/>
+<path d="M33.7983 18.3898L21.1894 18.3877L33.7985 49.9998L33.7983 18.3898Z" fill="#044D80"/>
+<path d="M0.45343 18.3838L24.4229 26.4991L21.1894 18.3879L0.45343 18.3838Z" fill="#E54747"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_capterra_orig">
+<rect fill="white" height="50" width="50"/>
+</clipPath>
+</defs>
+  </svg>
+);

package/src/social-media/dynamic-imports.ts

@@ -32,6 +32,10 @@ export const socialMediaIconImports = {
     import("./behance-original.js").then((m) => ({ default: m.BehanceOriginal })),
   BoostyNeutral: () => import("./boosty-neutral.js").then((m) => ({ default: m.BoostyNeutral })),
   BoostyOriginal: () => import("./boosty-original.js").then((m) => ({ default: m.BoostyOriginal })),
+  CapterraNeutral: () =>
+    import("./capterra-neutral.js").then((m) => ({ default: m.CapterraNeutral })),
+  CapterraOriginal: () =>
+    import("./capterra-original.js").then((m) => ({ default: m.CapterraOriginal })),
   DevianartNeutral: () =>
     import("./devianart-neutral.js").then((m) => ({ default: m.DevianartNeutral })),
   DevianartOriginal: () =>
@@ -53,6 +57,8 @@ export const socialMediaIconImports = {
     import("./facebook-original.js").then((m) => ({ default: m.FacebookOriginal })),
   FigmaNeutral: () => import("./figma-neutral.js").then((m) => ({ default: m.FigmaNeutral })),
   FigmaOriginal: () => import("./figma-original.js").then((m) => ({ default: m.FigmaOriginal })),
+  G2Neutral: () => import("./g2-neutral.js").then((m) => ({ default: m.G2Neutral })),
+  G2Original: () => import("./g2-original.js").then((m) => ({ default: m.G2Original })),
   GithubNeutral: () => import("./github-neutral.js").then((m) => ({ default: m.GithubNeutral })),
   GithubOriginal: () => import("./github-original.js").then((m) => ({ default: m.GithubOriginal })),
   GmailNeutral: () => import("./gmail-neutral.js").then((m) => ({ default: m.GmailNeutral })),
@@ -154,6 +160,10 @@ export const socialMediaIconImports = {
   TiktokOriginal: () => import("./tiktok-original.js").then((m) => ({ default: m.TiktokOriginal })),
   TinderNeutral: () => import("./tinder-neutral.js").then((m) => ({ default: m.TinderNeutral })),
   TinderOriginal: () => import("./tinder-original.js").then((m) => ({ default: m.TinderOriginal })),
+  TrustpilotNeutral: () =>
+    import("./trustpilot-neutral.js").then((m) => ({ default: m.TrustpilotNeutral })),
+  TrustpilotOriginal: () =>
+    import("./trustpilot-original.js").then((m) => ({ default: m.TrustpilotOriginal })),
   TumblrNeutral: () => import("./tumblr-neutral.js").then((m) => ({ default: m.TumblrNeutral })),
   TumblrOriginal: () => import("./tumblr-original.js").then((m) => ({ default: m.TumblrOriginal })),
   TwitchNeutral: () => import("./twitch-neutral.js").then((m) => ({ default: m.TwitchNeutral })),

package/src/social-media/g2-neutral.tsx

@@ -0,0 +1,33 @@
+import type { SVGProps } from "react";
+
+export interface G2NeutralProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
+/**
+ * G2Neutral icon from social-media category
+ *
+ * @example
+ * <G2Neutral size={16} />
+ * <G2Neutral size={32} className="text-primary" />
+ */
+export const G2Neutral = ({ size = 16, ...props }: G2NeutralProps) => (
+  <svg
+    fill="none"
+    height={size}
+    viewBox="0 0 24 24"
+    width={size}
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g transform="scale(0.48)">
+<path d="M35.2197 35.6198C37.1099 38.8112 38.979 41.9664 40.8467 45.1181C32.5762 51.2788 19.7088 52.0233 10.1833 44.9288C-0.77846 36.7581 -2.58012 22.8165 3.28864 12.7808C10.0386 1.23751 22.6699 -1.31535 30.8027 0.556566C30.5827 1.02147 25.7118 10.8535 25.7118 10.8535C25.7118 10.8535 25.3267 10.8781 25.1089 10.8822C22.705 10.9813 20.9146 11.5255 18.9956 12.4909C16.8902 13.5598 15.0859 15.1142 13.7404 17.0182C12.395 18.9223 11.5493 21.1179 11.2774 23.4133C10.9936 25.7412 11.3245 28.1011 12.2386 30.27C13.0116 32.1036 14.1049 33.7321 15.5707 35.107C17.8193 37.2182 20.4951 38.5254 23.5967 38.9582C26.5339 39.3684 29.3587 38.9623 32.0056 37.6681C32.9985 37.1833 33.8431 36.648 34.8304 35.9137C34.9562 35.8344 35.0679 35.7339 35.2197 35.6198Z" fill="#111412"/>
+<path d="M35.2588 7.63031C34.7789 7.17087 34.3341 6.74699 33.8914 6.32038C33.6272 6.06605 33.3728 5.80146 33.1023 5.55329C33.0053 5.46372 32.8915 5.34135 32.8915 5.34135C32.8915 5.34135 32.9835 5.15128 33.0229 5.07334C33.5408 4.06218 34.3523 3.32312 35.315 2.73516C36.3795 2.08005 37.6198 1.74673 38.879 1.77732C40.4902 1.80809 41.9883 2.19847 43.2525 3.24997C44.1856 4.02595 44.6641 5.01045 44.7485 6.18569C44.889 8.16836 44.0458 9.68681 42.3713 10.7465C41.3875 11.37 40.3265 11.852 39.2627 12.4229C38.6759 12.7381 38.1742 13.015 37.6008 13.5852C37.0963 14.1574 37.0717 14.6968 37.0717 14.6968L44.6936 14.6872V17.9901H32.9287C32.9287 17.9901 32.9287 17.7645 32.9287 17.6708C32.8837 16.0478 33.0784 14.5204 33.8422 13.0464C34.5449 11.6941 35.6368 10.7041 36.9487 9.94183C37.9592 9.35455 39.023 8.85478 40.0356 8.27023C40.6603 7.90993 41.1016 7.38145 41.098 6.61504C41.098 5.95734 40.6062 5.3728 39.9035 5.19025C38.2466 4.75543 36.5602 5.44937 35.6832 6.92475C35.5553 7.14011 35.4246 7.3541 35.2588 7.63031Z" fill="#111412"/>
+<path d="M50 32.11L43.5768 21.3174H30.8661L24.4015 32.2214H37.2056L43.5241 42.9627L50 32.11Z" fill="#111412"/>
+</g>
+  </svg>
+);

package/src/social-media/g2-original.tsx

@@ -0,0 +1,33 @@
+import type { SVGProps } from "react";
+
+export interface G2OriginalProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
+/**
+ * G2Original icon from social-media category
+ *
+ * @example
+ * <G2Original size={16} />
+ * <G2Original size={32} className="text-primary" />
+ */
+export const G2Original = ({ size = 16, ...props }: G2OriginalProps) => (
+  <svg
+    fill="none"
+    height={size}
+    viewBox="0 0 24 24"
+    width={size}
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g transform="scale(0.48)">
+<path d="M35.2197 35.6198C37.1099 38.8112 38.979 41.9664 40.8467 45.1181C32.5762 51.2788 19.7088 52.0233 10.1833 44.9288C-0.77846 36.7581 -2.58012 22.8165 3.28864 12.7808C10.0386 1.23751 22.6699 -1.31535 30.8027 0.556566C30.5827 1.02147 25.7118 10.8535 25.7118 10.8535C25.7118 10.8535 25.3267 10.8781 25.1089 10.8822C22.705 10.9813 20.9146 11.5255 18.9956 12.4909C16.8902 13.5598 15.0859 15.1142 13.7404 17.0182C12.395 18.9223 11.5493 21.1179 11.2774 23.4133C10.9936 25.7412 11.3245 28.1011 12.2386 30.27C13.0116 32.1036 14.1049 33.7321 15.5707 35.107C17.8193 37.2182 20.4951 38.5254 23.5967 38.9582C26.5339 39.3684 29.3587 38.9623 32.0056 37.6681C32.9985 37.1833 33.8431 36.648 34.8304 35.9137C34.9562 35.8344 35.0679 35.7339 35.2197 35.6198Z" fill="#FF1E00"/>
+<path d="M35.2588 7.63031C34.7789 7.17087 34.3341 6.74699 33.8914 6.32038C33.6272 6.06605 33.3728 5.80146 33.1023 5.55329C33.0053 5.46372 32.8915 5.34135 32.8915 5.34135C32.8915 5.34135 32.9835 5.15128 33.0229 5.07334C33.5408 4.06218 34.3523 3.32312 35.315 2.73516C36.3795 2.08005 37.6198 1.74673 38.879 1.77732C40.4902 1.80809 41.9883 2.19847 43.2525 3.24997C44.1856 4.02595 44.6641 5.01045 44.7485 6.18569C44.889 8.16836 44.0458 9.68681 42.3713 10.7465C41.3875 11.37 40.3265 11.852 39.2627 12.4229C38.6759 12.7381 38.1742 13.015 37.6008 13.5852C37.0963 14.1574 37.0717 14.6968 37.0717 14.6968L44.6936 14.6872V17.9901H32.9287C32.9287 17.9901 32.9287 17.7645 32.9287 17.6708C32.8837 16.0478 33.0784 14.5204 33.8422 13.0464C34.5449 11.6941 35.6368 10.7041 36.9487 9.94183C37.9592 9.35455 39.023 8.85478 40.0356 8.27023C40.6603 7.90993 41.1016 7.38145 41.098 6.61504C41.098 5.95734 40.6062 5.3728 39.9035 5.19025C38.2466 4.75543 36.5602 5.44937 35.6832 6.92475C35.5553 7.14011 35.4246 7.3541 35.2588 7.63031Z" fill="#FF1E00"/>
+<path d="M50 32.11L43.5768 21.3174H30.8661L24.4015 32.2214H37.2056L43.5241 42.9627L50 32.11Z" fill="#FF1E00"/>
+</g>
+  </svg>
+);

package/src/social-media/index.ts

@@ -1,6 +1,6 @@
 /**
  * Social Media icons
- * Auto-generated on 2026-02-17T14:47:24.292Z
+ * Auto-generated on 2026-04-16T08:30:32.991Z
  * Do not edit manually
  *
  * All icons are React SVG components with TypeScript support
@@ -39,6 +39,10 @@ export { BoostyNeutral } from "./boosty-neutral.js";
 export type { BoostyNeutralProps } from "./boosty-neutral.js";
 export { BoostyOriginal } from "./boosty-original.js";
 export type { BoostyOriginalProps } from "./boosty-original.js";
+export { CapterraNeutral } from "./capterra-neutral.js";
+export type { CapterraNeutralProps } from "./capterra-neutral.js";
+export { CapterraOriginal } from "./capterra-original.js";
+export type { CapterraOriginalProps } from "./capterra-original.js";
 export { DevianartNeutral } from "./devianart-neutral.js";
 export type { DevianartNeutralProps } from "./devianart-neutral.js";
 export { DevianartOriginal } from "./devianart-original.js";
@@ -63,6 +67,10 @@ export { FigmaNeutral } from "./figma-neutral.js";
 export type { FigmaNeutralProps } from "./figma-neutral.js";
 export { FigmaOriginal } from "./figma-original.js";
 export type { FigmaOriginalProps } from "./figma-original.js";
+export { G2Neutral } from "./g2-neutral.js";
+export type { G2NeutralProps } from "./g2-neutral.js";
+export { G2Original } from "./g2-original.js";
+export type { G2OriginalProps } from "./g2-original.js";
 export { GithubNeutral } from "./github-neutral.js";
 export type { GithubNeutralProps } from "./github-neutral.js";
 export { GithubOriginal } from "./github-original.js";
@@ -197,6 +205,10 @@ export { TinderNeutral } from "./tinder-neutral.js";
 export type { TinderNeutralProps } from "./tinder-neutral.js";
 export { TinderOriginal } from "./tinder-original.js";
 export type { TinderOriginalProps } from "./tinder-original.js";
+export { TrustpilotNeutral } from "./trustpilot-neutral.js";
+export type { TrustpilotNeutralProps } from "./trustpilot-neutral.js";
+export { TrustpilotOriginal } from "./trustpilot-original.js";
+export type { TrustpilotOriginalProps } from "./trustpilot-original.js";
 export { TumblrNeutral } from "./tumblr-neutral.js";
 export type { TumblrNeutralProps } from "./tumblr-neutral.js";
 export { TumblrOriginal } from "./tumblr-original.js";

package/src/social-media/trustpilot-neutral.tsx

@@ -0,0 +1,32 @@
+import type { SVGProps } from "react";
+
+export interface TrustpilotNeutralProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
+/**
+ * TrustpilotNeutral icon from social-media category
+ *
+ * @example
+ * <TrustpilotNeutral size={16} />
+ * <TrustpilotNeutral size={32} className="text-primary" />
+ */
+export const TrustpilotNeutral = ({ size = 16, ...props }: TrustpilotNeutralProps) => (
+  <svg
+    fill="none"
+    height={size}
+    viewBox="0 0 24 24"
+    width={size}
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g transform="scale(0.48)">
+<path d="M50 19.1718H30.9067L25.0092 1L19.0933 19.1718L0 19.1533L15.4626 30.3955L9.54663 48.5488L25.0092 37.3251L40.4534 48.5488L34.5558 30.3955L50 19.1718Z" fill="#111412"/>
+<path d="M35.8828 34.5053L34.5558 30.3955L25.0092 37.3251L35.8828 34.5053Z" fill="#111412"/>
+</g>
+  </svg>
+);

package/src/social-media/trustpilot-original.tsx

@@ -0,0 +1,32 @@
+import type { SVGProps } from "react";
+
+export interface TrustpilotOriginalProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
+/**
+ * TrustpilotOriginal icon from social-media category
+ *
+ * @example
+ * <TrustpilotOriginal size={16} />
+ * <TrustpilotOriginal size={32} className="text-primary" />
+ */
+export const TrustpilotOriginal = ({ size = 16, ...props }: TrustpilotOriginalProps) => (
+  <svg
+    fill="none"
+    height={size}
+    viewBox="0 0 24 24"
+    width={size}
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g transform="scale(0.48)">
+<path d="M50 19.1718H30.9067L25.0092 1L19.0933 19.1718L0 19.1533L15.4626 30.3955L9.54663 48.5488L25.0092 37.3251L40.4534 48.5488L34.5558 30.3955L50 19.1718Z" fill="#00B67A"/>
+<path d="M35.8828 34.5053L34.5558 30.3955L25.0092 37.3251L35.8828 34.5053Z" fill="#005128"/>
+</g>
+  </svg>
+);