@brightlocal/icons 0.1.2 → 0.2.0

package/src/flag/taiwan.tsx

@@ -1,47 +1,40 @@
 import type { SVGProps } from "react";
 
+export interface TaiwanProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Taiwan icon from flag category
  *
  * @example
- * <Taiwan className="w-6 h-6" />
- * <Taiwan width={24} height={24} />
+ * <Taiwan size={16} />
+ * <Taiwan size={32} className="text-primary" />
  */
-export const Taiwan = (props: SVGProps<SVGSVGElement>) => (
+export const Taiwan = ({ size = 16, ...props }: TaiwanProps) => (
   <svg
     fill="none"
-    height={24}
+    height={size}
     viewBox="0 0 24 24"
-    width={24}
+    width={size}
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
     <g clipPath="url(#clip0_43_2585)">
-      <path
-        d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C4.12172 7.87828 7.61737 4.38263 12 0C18.6274 0 24 5.37262 24 12Z"
-        fill="#D80027"
-      />
-      <path
-        d="M12 12C12 5.37262 12 4.59131 12 0C5.37262 0 0 5.37262 0 12H12Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M10.4348 7.02287L8.96924 7.7123L9.74961 9.13163L8.15826 8.82713L7.95655 10.4348L6.84815 9.25243L5.73965 10.4348L5.53804 8.82713L3.94663 9.13154L4.72701 7.71221L3.26151 7.02287L4.72705 6.33357L3.94663 4.91419L5.53799 5.21865L5.73969 3.61102L6.84815 4.7934L7.9566 3.61102L8.15826 5.21865L9.74966 4.91419L8.96924 6.33362L10.4348 7.02287Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M6.84836 9.25635C8.08202 9.25635 9.08209 8.25627 9.08209 7.02261C9.08209 5.78896 8.08202 4.78888 6.84836 4.78888C5.6147 4.78888 4.61462 5.78896 4.61462 7.02261C4.61462 8.25627 5.6147 9.25635 6.84836 9.25635Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M6.84816 8.21311C6.19186 8.21311 5.65796 7.67916 5.65796 7.02286C5.65796 6.36656 6.19191 5.83261 6.84816 5.83261C7.50446 5.83261 8.03841 6.36656 8.03841 7.02286C8.03836 7.67916 7.50436 8.21311 6.84816 8.21311Z"
-        fill="#F0F0F0"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2585">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C4.12172 7.87828 7.61737 4.38263 12 0C18.6274 0 24 5.37262 24 12Z" fill="#D80027"/>
+<path d="M12 12C12 5.37262 12 4.59131 12 0C5.37262 0 0 5.37262 0 12H12Z" fill="#0052B4"/>
+<path d="M10.4348 7.02287L8.96924 7.7123L9.74961 9.13163L8.15826 8.82713L7.95655 10.4348L6.84815 9.25243L5.73965 10.4348L5.53804 8.82713L3.94663 9.13154L4.72701 7.71221L3.26151 7.02287L4.72705 6.33357L3.94663 4.91419L5.53799 5.21865L5.73969 3.61102L6.84815 4.7934L7.9566 3.61102L8.15826 5.21865L9.74966 4.91419L8.96924 6.33362L10.4348 7.02287Z" fill="#F0F0F0"/>
+<path d="M6.84836 9.25635C8.08202 9.25635 9.08209 8.25627 9.08209 7.02261C9.08209 5.78896 8.08202 4.78888 6.84836 4.78888C5.6147 4.78888 4.61462 5.78896 4.61462 7.02261C4.61462 8.25627 5.6147 9.25635 6.84836 9.25635Z" fill="#0052B4"/>
+<path d="M6.84816 8.21311C6.19186 8.21311 5.65796 7.67916 5.65796 7.02286C5.65796 6.36656 6.19191 5.83261 6.84816 5.83261C7.50446 5.83261 8.03841 6.36656 8.03841 7.02286C8.03836 7.67916 7.50436 8.21311 6.84816 8.21311Z" fill="#F0F0F0"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2585">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/tajikistan.tsx

@@ -1,71 +1,46 @@
 import type { SVGProps } from "react";
 
+export interface TajikistanProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Tajikistan icon from flag category
  *
  * @example
- * <Tajikistan className="w-6 h-6" />
- * <Tajikistan width={24} height={24} />
+ * <Tajikistan size={16} />
+ * <Tajikistan size={32} className="text-primary" />
  */
-export const Tajikistan = (props: SVGProps<SVGSVGElement>) => (
+export const Tajikistan = ({ size = 16, ...props }: TajikistanProps) => (
   <svg
     fill="none"
-    height={24}
+    height={size}
     viewBox="0 0 24 24"
-    width={24}
+    width={size}
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
     <g clipPath="url(#clip0_43_2591)">
-      <path
-        d="M1.19072 6.78262C0.427875 8.36025 0 10.1302 0 12C0 13.8698 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8698 24 12C24 10.1302 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M1.19116 17.2174C3.13212 21.2313 7.24254 24 12 24C16.7575 24 20.868 21.2313 22.8089 17.2174H1.19116Z"
-        fill="#6DA544"
-      />
-      <path
-        d="M1.19116 6.78263H22.8089C20.868 2.76872 16.7575 0 12 0C7.24254 0 3.13212 2.76872 1.19116 6.78263Z"
-        fill="#D80027"
-      />
-      <path
-        d="M9.91302 15.1305H14.087V13.3565L13.2522 13.7739L12 12.5217L10.7478 13.7739L9.91302 13.3565V15.1305Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M7.52492 13.0435L7.71921 13.6413H8.34781L7.83921 14.0108L8.03351 14.6087L7.52492 14.2392L7.01632 14.6087L7.21062 14.0108L6.70203 13.6413H7.33062L7.52492 13.0435Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M8.12721 10.9565L8.32151 11.5544H8.9501L8.44151 11.9239L8.63576 12.5217L8.12721 12.1522L7.61862 12.5217L7.81291 11.9239L7.30432 11.5544H7.93291L8.12721 10.9565Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M9.84901 9.39133L10.0433 9.98917H10.6719L10.1634 10.3587L10.3576 10.9565L9.84901 10.5871L9.34047 10.9565L9.53472 10.3587L9.02612 9.98917H9.65476L9.84901 9.39133Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M16.4751 13.0435L16.2808 13.6413H15.6522L16.1608 14.0108L15.9665 14.6087L16.4751 14.2392L16.9836 14.6087L16.7893 14.0108L17.2979 13.6413H16.6693L16.4751 13.0435Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M15.8728 10.9565L15.6785 11.5544H15.0499L15.5585 11.9239L15.3642 12.5217L15.8728 12.1522L16.3814 12.5217L16.1871 11.9239L16.6956 11.5544H16.0671L15.8728 10.9565Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M14.1509 9.39133L13.9566 9.98917H13.3281L13.8366 10.3587L13.6423 10.9565L14.1509 10.5871L14.6595 10.9565L14.4652 10.3587L14.9738 9.98917H14.3452L14.1509 9.39133Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M12 8.60864L12.1942 9.20649H12.8228L12.3142 9.576L12.5085 10.1738L12 9.80438L11.4914 10.1738L11.6857 9.576L11.1771 9.20649H11.8057L12 8.60864Z"
-        fill="#FFDA44"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2591">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M1.19072 6.78262C0.427875 8.36025 0 10.1302 0 12C0 13.8698 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8698 24 12C24 10.1302 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z" fill="#F0F0F0"/>
+<path d="M1.19116 17.2174C3.13212 21.2313 7.24254 24 12 24C16.7575 24 20.868 21.2313 22.8089 17.2174H1.19116Z" fill="#6DA544"/>
+<path d="M1.19116 6.78263H22.8089C20.868 2.76872 16.7575 0 12 0C7.24254 0 3.13212 2.76872 1.19116 6.78263Z" fill="#D80027"/>
+<path d="M9.91302 15.1305H14.087V13.3565L13.2522 13.7739L12 12.5217L10.7478 13.7739L9.91302 13.3565V15.1305Z" fill="#FFDA44"/>
+<path d="M7.52492 13.0435L7.71921 13.6413H8.34781L7.83921 14.0108L8.03351 14.6087L7.52492 14.2392L7.01632 14.6087L7.21062 14.0108L6.70203 13.6413H7.33062L7.52492 13.0435Z" fill="#FFDA44"/>
+<path d="M8.12721 10.9565L8.32151 11.5544H8.9501L8.44151 11.9239L8.63576 12.5217L8.12721 12.1522L7.61862 12.5217L7.81291 11.9239L7.30432 11.5544H7.93291L8.12721 10.9565Z" fill="#FFDA44"/>
+<path d="M9.84901 9.39133L10.0433 9.98917H10.6719L10.1634 10.3587L10.3576 10.9565L9.84901 10.5871L9.34047 10.9565L9.53472 10.3587L9.02612 9.98917H9.65476L9.84901 9.39133Z" fill="#FFDA44"/>
+<path d="M16.4751 13.0435L16.2808 13.6413H15.6522L16.1608 14.0108L15.9665 14.6087L16.4751 14.2392L16.9836 14.6087L16.7893 14.0108L17.2979 13.6413H16.6693L16.4751 13.0435Z" fill="#FFDA44"/>
+<path d="M15.8728 10.9565L15.6785 11.5544H15.0499L15.5585 11.9239L15.3642 12.5217L15.8728 12.1522L16.3814 12.5217L16.1871 11.9239L16.6956 11.5544H16.0671L15.8728 10.9565Z" fill="#FFDA44"/>
+<path d="M14.1509 9.39133L13.9566 9.98917H13.3281L13.8366 10.3587L13.6423 10.9565L14.1509 10.5871L14.6595 10.9565L14.4652 10.3587L14.9738 9.98917H14.3452L14.1509 9.39133Z" fill="#FFDA44"/>
+<path d="M12 8.60864L12.1942 9.20649H12.8228L12.3142 9.576L12.5085 10.1738L12 9.80438L11.4914 10.1738L11.6857 9.576L11.1771 9.20649H11.8057L12 8.60864Z" fill="#FFDA44"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2591">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/tanzania.tsx

@@ -1,43 +1,39 @@
 import type { SVGProps } from "react";
 
+export interface TanzaniaProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Tanzania icon from flag category
  *
  * @example
- * <Tanzania className="w-6 h-6" />
- * <Tanzania width={24} height={24} />
+ * <Tanzania size={16} />
+ * <Tanzania size={32} className="text-primary" />
  */
-export const Tanzania = (props: SVGProps<SVGSVGElement>) => (
+export const Tanzania = ({ size = 16, ...props }: TanzaniaProps) => (
   <svg
     fill="none"
-    height={24}
+    height={size}
     viewBox="0 0 24 24"
-    width={24}
+    width={size}
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
     <g clipPath="url(#clip0_43_2604)">
-      <path
-        d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M3.51471 20.4853C4.0181 20.9887 4.55519 21.4376 5.11858 21.8329L21.8328 5.1186C21.4376 4.55521 20.9887 4.01811 20.4853 3.51472C19.9818 3.01133 19.4448 2.56246 18.8814 2.16721L2.16724 18.8815C2.56239 19.4447 3.01136 19.9819 3.51471 20.4853Z"
-        fill="black"
-      />
-      <path
-        d="M3.51471 3.51469C-0.271007 7.3005 -0.997804 12.986 1.33296 17.5021L17.5021 1.33298C12.986 -0.997783 7.30048 -0.27094 3.51471 3.51469Z"
-        fill="#6DA544"
-      />
-      <path
-        d="M20.4853 20.4853C24.271 16.6996 24.9978 11.014 22.6671 6.49789L6.49792 22.667C11.0139 24.9978 16.6995 24.271 20.4853 20.4853Z"
-        fill="#338AF3"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2604">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"/>
+<path d="M3.51471 20.4853C4.0181 20.9887 4.55519 21.4376 5.11858 21.8329L21.8328 5.1186C21.4376 4.55521 20.9887 4.01811 20.4853 3.51472C19.9818 3.01133 19.4448 2.56246 18.8814 2.16721L2.16724 18.8815C2.56239 19.4447 3.01136 19.9819 3.51471 20.4853Z" fill="black"/>
+<path d="M3.51471 3.51469C-0.271007 7.3005 -0.997804 12.986 1.33296 17.5021L17.5021 1.33298C12.986 -0.997783 7.30048 -0.27094 3.51471 3.51469Z" fill="#6DA544"/>
+<path d="M20.4853 20.4853C24.271 16.6996 24.9978 11.014 22.6671 6.49789L6.49792 22.667C11.0139 24.9978 16.6995 24.271 20.4853 20.4853Z" fill="#338AF3"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2604">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/thailand.tsx

@@ -1,43 +1,39 @@
 import type { SVGProps } from "react";
 
+export interface ThailandProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Thailand icon from flag category
  *
  * @example
- * <Thailand className="w-6 h-6" />
- * <Thailand width={24} height={24} />
+ * <Thailand size={16} />
+ * <Thailand size={32} className="text-primary" />
  */
-export const Thailand = (props: SVGProps<SVGSVGElement>) => (
+export const Thailand = ({ size = 16, ...props }: ThailandProps) => (
   <svg
     fill="none"
-    height={24}
+    height={size}
     viewBox="0 0 24 24"
-    width={24}
+    width={size}
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
     <g clipPath="url(#clip0_43_2609)">
-      <path
-        d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M23.2536 7.82611H0.746391C0.264 9.1261 0 10.5322 0 12C0 13.4678 0.264 14.8739 0.746391 16.1739H23.2537C23.736 14.8739 24 13.4678 24 12C24 10.5322 23.736 9.1261 23.2536 7.82611Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M12 0C8.36291 0 5.10402 1.61831 2.90338 4.17389H21.0966C18.896 1.61831 15.6371 0 12 0Z"
-        fill="#D80027"
-      />
-      <path
-        d="M21.0966 19.8261H2.90338C5.10402 22.3817 8.36291 24 12 24C15.6371 24 18.896 22.3817 21.0966 19.8261Z"
-        fill="#D80027"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2609">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"/>
+<path d="M23.2536 7.82611H0.746391C0.264 9.1261 0 10.5322 0 12C0 13.4678 0.264 14.8739 0.746391 16.1739H23.2537C23.736 14.8739 24 13.4678 24 12C24 10.5322 23.736 9.1261 23.2536 7.82611Z" fill="#0052B4"/>
+<path d="M12 0C8.36291 0 5.10402 1.61831 2.90338 4.17389H21.0966C18.896 1.61831 15.6371 0 12 0Z" fill="#D80027"/>
+<path d="M21.0966 19.8261H2.90338C5.10402 22.3817 8.36291 24 12 24C15.6371 24 18.896 22.3817 21.0966 19.8261Z" fill="#D80027"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2609">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/tibet.tsx

@@ -1,76 +1,48 @@
 import type { SVGProps } from "react";
 
+export interface TibetProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Tibet icon from flag category
  *
  * @example
- * <Tibet className="w-6 h-6" />
- * <Tibet width={24} height={24} />
+ * <Tibet size={16} />
+ * <Tibet size={32} className="text-primary" />
  */
-export const Tibet = (props: SVGProps<SVGSVGElement>) => (
+export const Tibet = ({ size = 16, ...props }: TibetProps) => (
   <svg
     fill="none"
-    height={24}
+    height={size}
     viewBox="0 0 24 24"
-    width={24}
+    width={size}
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
     <g clipPath="url(#clip0_43_2615)">
-      <path
-        d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M5.23657 2.08697C7.16243 0.770437 9.49109 0 12 0C14.509 0 16.8376 0.770437 18.7635 2.08697L12 2.60869L5.23657 2.08697Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M3.51534 20.4847L9.04856 14.9515L12 9.91304L14.9511 14.9512L20.4847 20.4847C22.6564 18.3132 24 15.3137 24 12C24 7.88152 21.9249 4.24805 18.7635 2.08698H5.23655C2.07511 4.24805 0 7.88152 0 12C0 15.3137 1.34363 18.3132 3.51534 20.4847Z"
-        fill="#D80027"
-      />
-      <path
-        d="M23.0884 16.5947L14.3148 12.9592L14.9507 14.9506L20.4846 20.4846C21.5896 19.3798 22.4801 18.0607 23.0884 16.5947Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M24 12C24 10.3723 23.6756 8.82048 23.0884 7.40527L12 12H24Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M20.4847 3.51535C19.9572 2.98801 19.3812 2.50927 18.7635 2.08698H16.1077L12 12L20.4847 3.51535Z"
-        fill="#0052B4"
-      />
-      <path d="M12 2.08698H7.89227L12 12V2.08698Z" fill="#0052B4" />
-      <path
-        d="M3.51535 3.51535C2.41042 4.62019 1.51993 5.9393 0.911682 7.40523L12 12L3.51535 3.51535Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M0 12C0 13.6277 0.324422 15.1795 0.911625 16.5947L12 12H0Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M5.23657 21.913C7.16238 23.2296 9.49109 24 12 24C14.509 24 16.8376 23.2296 18.7635 21.913H5.23657Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M12 12L14.9514 14.9514C15.7068 14.196 16.1739 13.1526 16.1739 12C16.1739 9.69478 14.3052 7.82611 12 7.82611C9.69488 7.82611 7.82611 9.69478 7.82611 12C7.82611 13.1526 8.29327 14.196 9.04866 14.9514L12 12Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M13.8261 18C13.8261 19.0085 13.0085 19.3043 12 19.3043C10.9915 19.3043 10.1739 19.0085 10.1739 18C10.1739 16.9915 10.9915 16.1739 12 16.1739C13.0085 16.1739 13.8261 16.9915 13.8261 18Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M13.8261 18C13.8261 19.0085 13.0085 19.8261 12 19.8261C10.9915 19.8261 10.1739 19.0085 10.1739 18"
-        fill="#0052B4"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2615">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"/>
+<path d="M5.23657 2.08697C7.16243 0.770437 9.49109 0 12 0C14.509 0 16.8376 0.770437 18.7635 2.08697L12 2.60869L5.23657 2.08697Z" fill="#FFDA44"/>
+<path d="M3.51534 20.4847L9.04856 14.9515L12 9.91304L14.9511 14.9512L20.4847 20.4847C22.6564 18.3132 24 15.3137 24 12C24 7.88152 21.9249 4.24805 18.7635 2.08698H5.23655C2.07511 4.24805 0 7.88152 0 12C0 15.3137 1.34363 18.3132 3.51534 20.4847Z" fill="#D80027"/>
+<path d="M23.0884 16.5947L14.3148 12.9592L14.9507 14.9506L20.4846 20.4846C21.5896 19.3798 22.4801 18.0607 23.0884 16.5947Z" fill="#0052B4"/>
+<path d="M24 12C24 10.3723 23.6756 8.82048 23.0884 7.40527L12 12H24Z" fill="#0052B4"/>
+<path d="M20.4847 3.51535C19.9572 2.98801 19.3812 2.50927 18.7635 2.08698H16.1077L12 12L20.4847 3.51535Z" fill="#0052B4"/>
+<path d="M12 2.08698H7.89227L12 12V2.08698Z" fill="#0052B4"/>
+<path d="M3.51535 3.51535C2.41042 4.62019 1.51993 5.9393 0.911682 7.40523L12 12L3.51535 3.51535Z" fill="#0052B4"/>
+<path d="M0 12C0 13.6277 0.324422 15.1795 0.911625 16.5947L12 12H0Z" fill="#0052B4"/>
+<path d="M5.23657 21.913C7.16238 23.2296 9.49109 24 12 24C14.509 24 16.8376 23.2296 18.7635 21.913H5.23657Z" fill="#FFDA44"/>
+<path d="M12 12L14.9514 14.9514C15.7068 14.196 16.1739 13.1526 16.1739 12C16.1739 9.69478 14.3052 7.82611 12 7.82611C9.69488 7.82611 7.82611 9.69478 7.82611 12C7.82611 13.1526 8.29327 14.196 9.04866 14.9514L12 12Z" fill="#FFDA44"/>
+<path d="M13.8261 18C13.8261 19.0085 13.0085 19.3043 12 19.3043C10.9915 19.3043 10.1739 19.0085 10.1739 18C10.1739 16.9915 10.9915 16.1739 12 16.1739C13.0085 16.1739 13.8261 16.9915 13.8261 18Z" fill="#FFDA44"/>
+<path d="M13.8261 18C13.8261 19.0085 13.0085 19.8261 12 19.8261C10.9915 19.8261 10.1739 19.0085 10.1739 18" fill="#0052B4"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2615">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/togo.tsx

@@ -1,51 +1,41 @@
 import type { SVGProps } from "react";
 
+export interface TogoProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Togo icon from flag category
  *
  * @example
- * <Togo className="w-6 h-6" />
- * <Togo width={24} height={24} />
+ * <Togo size={16} />
+ * <Togo size={32} className="text-primary" />
  */
-export const Togo = (props: SVGProps<SVGSVGElement>) => (
+export const Togo = ({ size = 16, ...props }: TogoProps) => (
   <svg
     fill="none"
-    height={24}
+    height={size}
     viewBox="0 0 24 24"
-    width={24}
+    width={size}
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
     <g clipPath="url(#clip0_43_2631)">
-      <path
-        d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M12 0C11.9913 9.375e-05 11.4783 4.8 11.4783 4.8H21.6006C19.4113 1.88545 15.9259 0 12 0Z"
-        fill="#496E2D"
-      />
-      <path
-        d="M12 24C15.9259 24 19.4113 22.1146 21.6005 19.2H2.39948C4.58872 22.1146 8.07412 24 12 24Z"
-        fill="#496E2D"
-      />
-      <path
-        d="M23.7597 9.60001H11.4783L12 14.4H23.7597C23.9172 13.6246 24 12.822 24 12C24 11.1781 23.9171 10.3755 23.7597 9.60001Z"
-        fill="#496E2D"
-      />
-      <path
-        d="M12 14.4C12 11.8957 12 2.81737 12 0C5.37262 0 0 5.37262 0 12C0 12.822 0.082875 13.6245 0.240281 14.4H12Z"
-        fill="#D80027"
-      />
-      <path
-        d="M6.62142 5.73914L7.39842 8.13046H9.91303L7.8788 9.60857L8.65571 12L6.62142 10.522L4.58714 12L5.36419 9.60857L3.32996 8.13046H5.84447L6.62142 5.73914Z"
-        fill="#F0F0F0"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2631">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"/>
+<path d="M12 0C11.9913 9.375e-05 11.4783 4.8 11.4783 4.8H21.6006C19.4113 1.88545 15.9259 0 12 0Z" fill="#496E2D"/>
+<path d="M12 24C15.9259 24 19.4113 22.1146 21.6005 19.2H2.39948C4.58872 22.1146 8.07412 24 12 24Z" fill="#496E2D"/>
+<path d="M23.7597 9.60001H11.4783L12 14.4H23.7597C23.9172 13.6246 24 12.822 24 12C24 11.1781 23.9171 10.3755 23.7597 9.60001Z" fill="#496E2D"/>
+<path d="M12 14.4C12 11.8957 12 2.81737 12 0C5.37262 0 0 5.37262 0 12C0 12.822 0.082875 13.6245 0.240281 14.4H12Z" fill="#D80027"/>
+<path d="M6.62142 5.73914L7.39842 8.13046H9.91303L7.8788 9.60857L8.65571 12L6.62142 10.522L4.58714 12L5.36419 9.60857L3.32996 8.13046H5.84447L6.62142 5.73914Z" fill="#F0F0F0"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2631">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/tokelau.tsx

@@ -1,51 +1,41 @@
 import type { SVGProps } from "react";
 
+export interface TokelauProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Tokelau icon from flag category
  *
  * @example
- * <Tokelau className="w-6 h-6" />
- * <Tokelau width={24} height={24} />
+ * <Tokelau size={16} />
+ * <Tokelau size={32} className="text-primary" />
  */
-export const Tokelau = (props: SVGProps<SVGSVGElement>) => (
+export const Tokelau = ({ size = 16, ...props }: TokelauProps) => (
   <svg
     fill="none"
-    height={24}
+    height={size}
     viewBox="0 0 24 24"
-    width={24}
+    width={size}
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
     <g clipPath="url(#clip0_43_2639)">
-      <path
-        d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M19.3043 5.73914C19.1967 6.25641 19.1478 6.80733 19.1478 7.35652C19.1478 10.5222 21.035 13.2621 23.7394 14.4955C23.9097 13.6904 24 12.8558 24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 18.6274 5.37262 24 12 24C16.1101 24 19.7371 21.9332 21.8998 18.7826H6.78263V17.2174H22.8093C22.9733 16.8782 23.1215 16.53 23.2537 16.1739H6.78263L19.3043 5.73914Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M8.81583 6.26083L9.07486 7.05799H9.91299L9.23494 7.55069L9.49397 8.3478L8.81583 7.85519L8.13778 8.3478L8.39677 7.55069L7.71863 7.05799H8.5568L8.81583 6.26083Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M5.41116 12L5.73497 12.9965H6.78262L5.93498 13.6122L6.2588 14.6087L5.41116 13.9928L4.56356 14.6087L4.88733 13.6122L4.03973 12.9965H5.08739L5.41116 12Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M5.41116 3.65216L5.73497 4.64868H6.78262L5.93498 5.26438L6.2588 6.26085L5.41116 5.645L4.56356 6.26085L4.88733 5.26438L4.03973 4.64868H5.08739L5.41116 3.65216Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M2.80245 8.34781L3.12626 9.34432H4.17387L3.32628 9.96003L3.65009 10.9565L2.80245 10.3407L1.95486 10.9565L2.27862 9.96003L1.43103 9.34432H2.47864L2.80245 8.34781Z"
-        fill="#F0F0F0"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2639">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"/>
+<path d="M19.3043 5.73914C19.1967 6.25641 19.1478 6.80733 19.1478 7.35652C19.1478 10.5222 21.035 13.2621 23.7394 14.4955C23.9097 13.6904 24 12.8558 24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 18.6274 5.37262 24 12 24C16.1101 24 19.7371 21.9332 21.8998 18.7826H6.78263V17.2174H22.8093C22.9733 16.8782 23.1215 16.53 23.2537 16.1739H6.78263L19.3043 5.73914Z" fill="#0052B4"/>
+<path d="M8.81583 6.26083L9.07486 7.05799H9.91299L9.23494 7.55069L9.49397 8.3478L8.81583 7.85519L8.13778 8.3478L8.39677 7.55069L7.71863 7.05799H8.5568L8.81583 6.26083Z" fill="#F0F0F0"/>
+<path d="M5.41116 12L5.73497 12.9965H6.78262L5.93498 13.6122L6.2588 14.6087L5.41116 13.9928L4.56356 14.6087L4.88733 13.6122L4.03973 12.9965H5.08739L5.41116 12Z" fill="#F0F0F0"/>
+<path d="M5.41116 3.65216L5.73497 4.64868H6.78262L5.93498 5.26438L6.2588 6.26085L5.41116 5.645L4.56356 6.26085L4.88733 5.26438L4.03973 4.64868H5.08739L5.41116 3.65216Z" fill="#F0F0F0"/>
+<path d="M2.80245 8.34781L3.12626 9.34432H4.17387L3.32628 9.96003L3.65009 10.9565L2.80245 10.3407L1.95486 10.9565L2.27862 9.96003L1.43103 9.34432H2.47864L2.80245 8.34781Z" fill="#F0F0F0"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2639">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );