@brightlocal/icons 0.1.2 → 0.2.0

package/src/flag/ethiopia.tsx

@@ -1,51 +1,41 @@
 import type { SVGProps } from "react";
 
+export interface EthiopiaProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Ethiopia icon from flag category
  *
  * @example
- * <Ethiopia className="w-6 h-6" />
- * <Ethiopia width={24} height={24} />
+ * <Ethiopia size={16} />
+ * <Ethiopia size={32} className="text-primary" />
  */
-export const Ethiopia = (props: SVGProps<SVGSVGElement>) => (
+export const Ethiopia = ({ size = 16, ...props }: EthiopiaProps) => (
   <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_1463)">
-      <path
-        d="M0 12C0 13.468 0.264047 14.874 0.746437 16.1741L12 17.2174L23.2536 16.174C23.736 14.874 24 13.4679 24 12C24 10.5523 23.7435 9.16447 23.2737 7.87948L12 6.78265L0.726281 7.87953C0.256453 9.16447 0 10.5523 0 12H0Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M12 24C17.1596 24 21.5581 20.7435 23.2536 16.1739H0.746399C2.44191 20.7435 6.84043 24 12 24Z"
-        fill="#D80027"
-      />
-      <path
-        d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0Z"
-        fill="#6DA544"
-      />
-      <path
-        d="M12 17.7391C15.1696 17.7391 17.7391 15.1696 17.7391 12C17.7391 8.83037 15.1696 6.26086 12 6.26086C8.83037 6.26086 6.26086 8.83037 6.26086 12C6.26086 15.1696 8.83037 17.7391 12 17.7391Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M11.9988 7.55585L13.0348 10.7444H16.3928L13.6751 12.7151L14.7192 15.9131L11.9988 13.933L9.28244 15.9094L10.3224 12.7151L7.60718 10.7444H10.9627L11.9988 7.55585Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M16.1308 12.7936L12.8441 11.7256L14.8753 8.93L14.0312 8.31659L11.9999 11.1124L9.96872 8.31664L9.1245 8.92995L11.1557 11.7258L7.86914 12.7936L8.19155 13.7861L11.4782 12.7182V16.1739H12.5217V12.7182L15.8082 13.7861L16.1308 12.7936Z"
-        fill="#FFDA44"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1463">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M0 12C0 13.468 0.264047 14.874 0.746437 16.1741L12 17.2174L23.2536 16.174C23.736 14.874 24 13.4679 24 12C24 10.5523 23.7435 9.16447 23.2737 7.87948L12 6.78265L0.726281 7.87953C0.256453 9.16447 0 10.5523 0 12H0Z" fill="#FFDA44"/>
+<path d="M12 24C17.1596 24 21.5581 20.7435 23.2536 16.1739H0.746399C2.44191 20.7435 6.84043 24 12 24Z" fill="#D80027"/>
+<path d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0Z" fill="#6DA544"/>
+<path d="M12 17.7391C15.1696 17.7391 17.7391 15.1696 17.7391 12C17.7391 8.83037 15.1696 6.26086 12 6.26086C8.83037 6.26086 6.26086 8.83037 6.26086 12C6.26086 15.1696 8.83037 17.7391 12 17.7391Z" fill="#0052B4"/>
+<path d="M11.9988 7.55585L13.0348 10.7444H16.3928L13.6751 12.7151L14.7192 15.9131L11.9988 13.933L9.28244 15.9094L10.3224 12.7151L7.60718 10.7444H10.9627L11.9988 7.55585Z" fill="#FFDA44"/>
+<path d="M16.1308 12.7936L12.8441 11.7256L14.8753 8.93L14.0312 8.31659L11.9999 11.1124L9.96872 8.31664L9.1245 8.92995L11.1557 11.7258L7.86914 12.7936L8.19155 13.7861L11.4782 12.7182V16.1739H12.5217V12.7182L15.8082 13.7861L16.1308 12.7936Z" fill="#FFDA44"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1463">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/european-union.tsx

@@ -1,63 +1,44 @@
 import type { SVGProps } from "react";
 
+export interface EuropeanUnionProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * EuropeanUnion icon from flag category
  *
  * @example
- * <EuropeanUnion className="w-6 h-6" />
- * <EuropeanUnion width={24} height={24} />
+ * <EuropeanUnion size={16} />
+ * <EuropeanUnion size={32} className="text-primary" />
  */
-export const EuropeanUnion = (props: SVGProps<SVGSVGElement>) => (
+export const EuropeanUnion = ({ size = 16, ...props }: EuropeanUnionProps) => (
   <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_1471)">
-      <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="#0052B4"
-      />
-      <path
-        d="M12 4.69568L12.3886 5.89141H13.6458L12.6286 6.6304L13.0172 7.82613L12 7.0871L10.9828 7.82613L11.3714 6.6304L10.3542 5.89141H11.6115L12 4.69568Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M6.83499 6.83503L7.9553 7.40578L8.84428 6.51685L8.64755 7.75856L9.76781 8.32936L8.52605 8.52605L8.32936 9.76786L7.75856 8.6476L6.51685 8.84433L7.40583 7.95535L6.83499 6.83503Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M4.69568 12L5.89141 11.6115V10.3542L6.63035 11.3714L7.82613 10.9829L7.08705 12L7.82613 13.0172L6.63035 12.6287L5.89141 13.6458V12.3886L4.69568 12Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M6.83499 17.165L7.40578 16.0447L6.51685 15.1557L7.75861 15.3525L8.32931 14.2322L8.52605 15.474L9.76777 15.6707L8.64764 16.2415L8.84428 17.4832L7.9553 16.5942L6.83499 17.165Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M12 19.3044L11.6114 18.1086H10.3542L11.3714 17.3697L10.9828 16.174L12 16.9129L13.0172 16.174L12.6286 17.3697L13.6458 18.1086H12.3885L12 19.3044Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M17.165 17.165L16.0447 16.5943L15.1557 17.4833L15.3524 16.2414L14.2322 15.6707L15.474 15.474L15.6706 14.2322L16.2414 15.3525L17.4831 15.1557L16.5941 16.0448L17.165 17.165Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M19.3043 12L18.1086 12.3886V13.6458L17.3696 12.6286L16.174 13.0172L16.9129 12L16.174 10.9829L17.3696 11.3714L18.1086 10.3542V11.6115L19.3043 12Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M17.165 6.83505L16.5942 7.95536L17.4832 8.84434L16.2413 8.64756L15.6706 9.76783L15.474 8.52606L14.2322 8.32933L15.3524 7.75858L15.1557 6.51691L16.0448 7.40584L17.165 6.83505Z"
-        fill="#FFDA44"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1471">
-        <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="#0052B4"/>
+<path d="M12 4.69568L12.3886 5.89141H13.6458L12.6286 6.6304L13.0172 7.82613L12 7.0871L10.9828 7.82613L11.3714 6.6304L10.3542 5.89141H11.6115L12 4.69568Z" fill="#FFDA44"/>
+<path d="M6.83499 6.83503L7.9553 7.40578L8.84428 6.51685L8.64755 7.75856L9.76781 8.32936L8.52605 8.52605L8.32936 9.76786L7.75856 8.6476L6.51685 8.84433L7.40583 7.95535L6.83499 6.83503Z" fill="#FFDA44"/>
+<path d="M4.69568 12L5.89141 11.6115V10.3542L6.63035 11.3714L7.82613 10.9829L7.08705 12L7.82613 13.0172L6.63035 12.6287L5.89141 13.6458V12.3886L4.69568 12Z" fill="#FFDA44"/>
+<path d="M6.83499 17.165L7.40578 16.0447L6.51685 15.1557L7.75861 15.3525L8.32931 14.2322L8.52605 15.474L9.76777 15.6707L8.64764 16.2415L8.84428 17.4832L7.9553 16.5942L6.83499 17.165Z" fill="#FFDA44"/>
+<path d="M12 19.3044L11.6114 18.1086H10.3542L11.3714 17.3697L10.9828 16.174L12 16.9129L13.0172 16.174L12.6286 17.3697L13.6458 18.1086H12.3885L12 19.3044Z" fill="#FFDA44"/>
+<path d="M17.165 17.165L16.0447 16.5943L15.1557 17.4833L15.3524 16.2414L14.2322 15.6707L15.474 15.474L15.6706 14.2322L16.2414 15.3525L17.4831 15.1557L16.5941 16.0448L17.165 17.165Z" fill="#FFDA44"/>
+<path d="M19.3043 12L18.1086 12.3886V13.6458L17.3696 12.6286L16.174 13.0172L16.9129 12L16.174 10.9829L17.3696 11.3714L18.1086 10.3542V11.6115L19.3043 12Z" fill="#FFDA44"/>
+<path d="M17.165 6.83505L16.5942 7.95536L17.4832 8.84434L16.2413 8.64756L15.6706 9.76783L15.474 8.52606L14.2322 8.32933L15.3524 7.75858L15.1557 6.51691L16.0448 7.40584L17.165 6.83505Z" fill="#FFDA44"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1471">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/falkland-islands.tsx

@@ -1,63 +1,44 @@
 import type { SVGProps } from "react";
 
+export interface FalklandIslandsProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * FalklandIslands icon from flag category
  *
  * @example
- * <FalklandIslands className="w-6 h-6" />
- * <FalklandIslands width={24} height={24} />
+ * <FalklandIslands size={16} />
+ * <FalklandIslands size={32} className="text-primary" />
  */
-export const FalklandIslands = (props: SVGProps<SVGSVGElement>) => (
+export const FalklandIslands = ({ size = 16, ...props }: FalklandIslandsProps) => (
   <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_1482)">
-      <path
-        d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M11.9679 12H12C12 11.9892 12 11.9787 12 11.9679C11.9893 11.9786 11.9786 11.9893 11.9679 12Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.9679L12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M6.071 1.56519C4.19417 2.63389 2.63389 4.19417 1.56519 6.071V12H4.69564V4.69573V4.69564H12C12 3.70831 12 2.76772 12 1.56519H6.071Z"
-        fill="#D80027"
-      />
-      <path
-        d="M12 10.5243L7.73654 6.26086H6.26086V6.26096L11.9999 12H12C12 12 12 10.9824 12 10.5243Z"
-        fill="#D80027"
-      />
-      <path
-        d="M19.3043 14.087V14.6087H15.1304V14.087H13.5652V16.1739H14.6087V16.6957H19.8261V16.1739H20.8695V14.087H19.3043Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M13.5652 6.26086V12C13.5652 14.7956 17.2174 15.6522 17.2174 15.6522C17.2174 15.6522 20.8695 14.7956 20.8695 12V6.26086H13.5652Z"
-        fill="#338AF3"
-      />
-      <path
-        d="M17.2172 10.5417C16.3042 10.5417 16.3042 11.3765 15.3912 11.3765C14.4782 11.3765 14.4782 10.5417 13.5652 10.5417V12.0025C14.4782 12.0025 14.4782 12.8373 15.3912 12.8373C16.3042 12.8373 16.3042 12.0025 17.2172 12.0025C18.1303 12.0025 18.1303 12.8373 19.0434 12.8373C19.9565 12.8373 19.9565 12.0025 20.8696 12.0025V10.5417C19.9565 10.5417 19.9565 11.3765 19.0434 11.3765C18.1303 11.3765 18.1303 10.5417 17.2172 10.5417Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M17.2172 7.61737C16.3042 7.61737 16.3042 8.45217 15.3912 8.45217C14.4782 8.45217 14.4782 7.61737 13.5652 7.61737V9.07823C14.4782 9.07823 14.4782 9.91303 15.3912 9.91303C16.3042 9.91303 16.3042 9.07823 17.2172 9.07823C18.1303 9.07823 18.1303 9.91303 19.0434 9.91303C19.9565 9.91303 19.9565 9.07823 20.8696 9.07823V7.61737C19.9565 7.61737 19.9565 8.45217 19.0434 8.45217C18.1303 8.45217 18.1303 7.61737 17.2172 7.61737Z"
-        fill="#F3F3F3"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1482">
-        <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 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"/>
+<path d="M11.9679 12H12C12 11.9892 12 11.9787 12 11.9679C11.9893 11.9786 11.9786 11.9893 11.9679 12Z" fill="#F0F0F0"/>
+<path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.9679L12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"/>
+<path d="M6.071 1.56519C4.19417 2.63389 2.63389 4.19417 1.56519 6.071V12H4.69564V4.69573V4.69564H12C12 3.70831 12 2.76772 12 1.56519H6.071Z" fill="#D80027"/>
+<path d="M12 10.5243L7.73654 6.26086H6.26086V6.26096L11.9999 12H12C12 12 12 10.9824 12 10.5243Z" fill="#D80027"/>
+<path d="M19.3043 14.087V14.6087H15.1304V14.087H13.5652V16.1739H14.6087V16.6957H19.8261V16.1739H20.8695V14.087H19.3043Z" fill="#FFDA44"/>
+<path d="M13.5652 6.26086V12C13.5652 14.7956 17.2174 15.6522 17.2174 15.6522C17.2174 15.6522 20.8695 14.7956 20.8695 12V6.26086H13.5652Z" fill="#338AF3"/>
+<path d="M17.2172 10.5417C16.3042 10.5417 16.3042 11.3765 15.3912 11.3765C14.4782 11.3765 14.4782 10.5417 13.5652 10.5417V12.0025C14.4782 12.0025 14.4782 12.8373 15.3912 12.8373C16.3042 12.8373 16.3042 12.0025 17.2172 12.0025C18.1303 12.0025 18.1303 12.8373 19.0434 12.8373C19.9565 12.8373 19.9565 12.0025 20.8696 12.0025V10.5417C19.9565 10.5417 19.9565 11.3765 19.0434 11.3765C18.1303 11.3765 18.1303 10.5417 17.2172 10.5417Z" fill="#F3F3F3"/>
+<path d="M17.2172 7.61737C16.3042 7.61737 16.3042 8.45217 15.3912 8.45217C14.4782 8.45217 14.4782 7.61737 13.5652 7.61737V9.07823C14.4782 9.07823 14.4782 9.91303 15.3912 9.91303C16.3042 9.91303 16.3042 9.07823 17.2172 9.07823C18.1303 9.07823 18.1303 9.91303 19.0434 9.91303C19.9565 9.91303 19.9565 9.07823 20.8696 9.07823V7.61737C19.9565 7.61737 19.9565 8.45217 19.0434 8.45217C18.1303 8.45217 18.1303 7.61737 17.2172 7.61737Z" fill="#F3F3F3"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1482">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/faroe-islands.tsx

@@ -1,39 +1,38 @@
 import type { SVGProps } from "react";
 
+export interface FaroeIslandsProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * FaroeIslands icon from flag category
  *
  * @example
- * <FaroeIslands className="w-6 h-6" />
- * <FaroeIslands width={24} height={24} />
+ * <FaroeIslands size={16} />
+ * <FaroeIslands size={32} className="text-primary" />
  */
-export const FaroeIslands = (props: SVGProps<SVGSVGElement>) => (
+export const FaroeIslands = ({ size = 16, ...props }: FaroeIslandsProps) => (
   <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_1496)">
-      <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.4783 12L23.8982 10.4348C23.8285 9.90131 23.7239 9.37875 23.5867 8.86959H10.9565V0.0456543C10.424 0.091498 9.9016 0.172545 9.39132 0.285701L7.30435 1.5652L6.26087 1.45987C5.71173 1.7595 5.18856 2.10075 4.69567 2.47945V8.86954H0.413401C0.276198 9.3787 0.171573 9.90126 0.101823 10.4347L0.521729 12L0.101776 13.5652C0.171526 14.0987 0.276151 14.6212 0.413354 15.1304H4.69562V21.5205C5.18851 21.8992 5.71173 22.2405 6.26082 22.5401L7.82603 22.4347L9.39123 23.7142C9.90156 23.8274 10.424 23.9084 10.9564 23.9543V15.1305H23.5865C23.7237 14.6213 23.8284 14.0987 23.8981 13.5652L23.4783 12Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M23.8984 10.4348H9.39136H9.39131V0.285248C8.28234 0.531154 7.23098 0.929732 6.26086 1.45909V10.4348H0.101578C0.034875 10.9472 0 11.4695 0 12C0 12.5305 0.034875 13.0529 0.101578 13.5652H6.26081H6.26086V22.5409C7.23098 23.0702 8.28234 23.4689 9.39131 23.7147V13.5654V13.5653H23.8984C23.9651 13.0529 24 12.5305 24 12C24 11.4695 23.9651 10.9472 23.8984 10.4348Z"
-        fill="#D80027"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1496">
-        <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.4783 12L23.8982 10.4348C23.8285 9.90131 23.7239 9.37875 23.5867 8.86959H10.9565V0.0456543C10.424 0.091498 9.9016 0.172545 9.39132 0.285701L7.30435 1.5652L6.26087 1.45987C5.71173 1.7595 5.18856 2.10075 4.69567 2.47945V8.86954H0.413401C0.276198 9.3787 0.171573 9.90126 0.101823 10.4347L0.521729 12L0.101776 13.5652C0.171526 14.0987 0.276151 14.6212 0.413354 15.1304H4.69562V21.5205C5.18851 21.8992 5.71173 22.2405 6.26082 22.5401L7.82603 22.4347L9.39123 23.7142C9.90156 23.8274 10.424 23.9084 10.9564 23.9543V15.1305H23.5865C23.7237 14.6213 23.8284 14.0987 23.8981 13.5652L23.4783 12Z" fill="#0052B4"/>
+<path d="M23.8984 10.4348H9.39136H9.39131V0.285248C8.28234 0.531154 7.23098 0.929732 6.26086 1.45909V10.4348H0.101578C0.034875 10.9472 0 11.4695 0 12C0 12.5305 0.034875 13.0529 0.101578 13.5652H6.26081H6.26086V22.5409C7.23098 23.0702 8.28234 23.4689 9.39131 23.7147V13.5654V13.5653H23.8984C23.9651 13.0529 24 12.5305 24 12C24 11.4695 23.9651 10.9472 23.8984 10.4348Z" fill="#D80027"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1496">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/fiji.tsx

@@ -1,60 +1,44 @@
 import type { SVGProps } from "react";
 
+export interface FijiProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Fiji icon from flag category
  *
  * @example
- * <Fiji className="w-6 h-6" />
- * <Fiji width={24} height={24} />
+ * <Fiji size={16} />
+ * <Fiji size={32} className="text-primary" />
  */
-export const Fiji = (props: SVGProps<SVGSVGElement>) => (
+export const Fiji = ({ size = 16, ...props }: FijiProps) => (
   <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_1500)">
-      <path
-        d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z"
-        fill="#338AF3"
-      />
-      <path d="M12 5.73914V9.78646L7.82611 5.73914H12Z" fill="#0052B4" />
-      <path
-        d="M6.26085 12H9.78642L6.26085 7.30435L5.73914 10.9565L6.26085 12Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M11.9679 12H12C12 11.9892 12 11.9787 12 11.9679C11.9893 11.9786 11.9786 11.9893 11.9679 12Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.968C11.9787 11.9893 11.9894 11.9786 12.0001 11.9679C12.0001 11.1594 12.0001 10.4381 12.0001 9.78647L8.47444 6.26086H12Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M6.07103 1.56522C4.1942 2.63392 2.63392 4.1942 1.56522 6.07103V12H4.69567V4.69576V4.69567H12C12 3.70834 12 2.76775 12 1.56522H6.07103Z"
-        fill="#D80027"
-      />
-      <path
-        d="M12 10.5243L7.7366 6.26093H6.26093V6.26102L11.9999 12H12C12 12 12 10.9825 12 10.5243Z"
-        fill="#D80027"
-      />
-      <path
-        d="M13.5652 7.82611V12C13.5652 14.7956 17.2174 15.6522 17.2174 15.6522C17.2174 15.6522 20.8696 14.7956 20.8696 12V7.82611L17.2174 6.78262L13.5652 7.82611Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M20.8696 7.8261V6.26089H13.5652V7.8261H16.6956V10.9566H13.5652V12V12.0001L16.6956 12.0001V15.4922C17.0105 15.6036 17.2174 15.6522 17.2174 15.6522C17.2174 15.6522 17.4242 15.6036 17.7391 15.4922V12.0001H20.8696V12V10.9566H17.7391V7.82605H20.8696V7.8261Z"
-        fill="#D80027"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1500">
-        <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 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#338AF3"/>
+<path d="M12 5.73914V9.78646L7.82611 5.73914H12Z" fill="#0052B4"/>
+<path d="M6.26085 12H9.78642L6.26085 7.30435L5.73914 10.9565L6.26085 12Z" fill="#0052B4"/>
+<path d="M11.9679 12H12C12 11.9892 12 11.9787 12 11.9679C11.9893 11.9786 11.9786 11.9893 11.9679 12Z" fill="#F0F0F0"/>
+<path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.968C11.9787 11.9893 11.9894 11.9786 12.0001 11.9679C12.0001 11.1594 12.0001 10.4381 12.0001 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"/>
+<path d="M6.07103 1.56522C4.1942 2.63392 2.63392 4.1942 1.56522 6.07103V12H4.69567V4.69576V4.69567H12C12 3.70834 12 2.76775 12 1.56522H6.07103Z" fill="#D80027"/>
+<path d="M12 10.5243L7.7366 6.26093H6.26093V6.26102L11.9999 12H12C12 12 12 10.9825 12 10.5243Z" fill="#D80027"/>
+<path d="M13.5652 7.82611V12C13.5652 14.7956 17.2174 15.6522 17.2174 15.6522C17.2174 15.6522 20.8696 14.7956 20.8696 12V7.82611L17.2174 6.78262L13.5652 7.82611Z" fill="#F3F3F3"/>
+<path d="M20.8696 7.8261V6.26089H13.5652V7.8261H16.6956V10.9566H13.5652V12V12.0001L16.6956 12.0001V15.4922C17.0105 15.6036 17.2174 15.6522 17.2174 15.6522C17.2174 15.6522 17.4242 15.6036 17.7391 15.4922V12.0001H20.8696V12V10.9566H17.7391V7.82605H20.8696V7.8261Z" fill="#D80027"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1500">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/finland.tsx

@@ -1,35 +1,37 @@
 import type { SVGProps } from "react";
 
+export interface FinlandProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Finland icon from flag category
  *
  * @example
- * <Finland className="w-6 h-6" />
- * <Finland width={24} height={24} />
+ * <Finland size={16} />
+ * <Finland size={32} className="text-primary" />
  */
-export const Finland = (props: SVGProps<SVGSVGElement>) => (
+export const Finland = ({ size = 16, ...props }: FinlandProps) => (
   <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_1514)">
-      <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.8984 10.4348H9.39136H9.39131V0.285248C8.28234 0.531154 7.23098 0.929732 6.26086 1.45909V10.4347V10.4348H0.101578C0.0347813 10.9472 0 11.4695 0 12C0 12.5305 0.0347813 13.0529 0.101578 13.5652H6.26081H6.26086V22.5409C7.23098 23.0702 8.28234 23.4689 9.39131 23.7147V13.5654V13.5653H23.8984C23.9651 13.0529 24 12.5305 24 12C24 11.4695 23.9651 10.9472 23.8984 10.4348Z"
-        fill="#0052B4"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1514">
-        <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.8984 10.4348H9.39136H9.39131V0.285248C8.28234 0.531154 7.23098 0.929732 6.26086 1.45909V10.4347V10.4348H0.101578C0.0347813 10.9472 0 11.4695 0 12C0 12.5305 0.0347813 13.0529 0.101578 13.5652H6.26081H6.26086V22.5409C7.23098 23.0702 8.28234 23.4689 9.39131 23.7147V13.5654V13.5653H23.8984C23.9651 13.0529 24 12.5305 24 12C24 11.4695 23.9651 10.9472 23.8984 10.4348Z" fill="#0052B4"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1514">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/france.tsx

@@ -1,39 +1,38 @@
 import type { SVGProps } from "react";
 
+export interface FranceProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * France icon from flag category
  *
  * @example
- * <France className="w-6 h-6" />
- * <France width={24} height={24} />
+ * <France size={16} />
+ * <France size={32} className="text-primary" />
  */
-export const France = (props: SVGProps<SVGSVGElement>) => (
+export const France = ({ size = 16, ...props }: FranceProps) => (
   <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_1517)">
-      <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="M24 12C24 6.84043 20.7435 2.44191 16.1739 0.746399V23.2537C20.7435 21.5581 24 17.1596 24 12Z"
-        fill="#D80027"
-      />
-      <path
-        d="M0 12C0 17.1596 3.25655 21.5581 7.82611 23.2536V0.746399C3.25655 2.44191 0 6.84043 0 12Z"
-        fill="#0052B4"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1517">
-        <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="M24 12C24 6.84043 20.7435 2.44191 16.1739 0.746399V23.2537C20.7435 21.5581 24 17.1596 24 12Z" fill="#D80027"/>
+<path d="M0 12C0 17.1596 3.25655 21.5581 7.82611 23.2536V0.746399C3.25655 2.44191 0 6.84043 0 12Z" fill="#0052B4"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1517">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/french-polynesia.tsx

@@ -1,59 +1,43 @@
 import type { SVGProps } from "react";
 
+export interface FrenchPolynesiaProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * FrenchPolynesia icon from flag category
  *
  * @example
- * <FrenchPolynesia className="w-6 h-6" />
- * <FrenchPolynesia width={24} height={24} />
+ * <FrenchPolynesia size={16} />
+ * <FrenchPolynesia size={32} className="text-primary" />
  */
-export const FrenchPolynesia = (props: SVGProps<SVGSVGElement>) => (
+export const FrenchPolynesia = ({ size = 16, ...props }: FrenchPolynesiaProps) => (
   <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_1521)">
-      <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="M1.45911 6.26086H22.5409C20.5057 2.53073 16.5485 0 12 0C7.45151 0 3.49437 2.53073 1.45911 6.26086Z"
-        fill="#D80027"
-      />
-      <path
-        d="M12 24C16.5485 24 20.5057 21.4693 22.5409 17.7391H1.45911C3.49437 21.4693 7.45151 24 12 24Z"
-        fill="#D80027"
-      />
-      <path
-        d="M16.1739 12C16.1739 14.3052 14.3052 15.6522 12 15.6522C9.69483 15.6522 7.82611 14.3052 7.82611 12C7.82611 9.69478 9.69483 7.82611 12 7.82611C14.3052 7.82611 16.1739 9.69478 16.1739 12Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M16.1739 12C16.1739 14.3052 14.3052 16.1739 12 16.1739C9.69483 16.1739 7.82611 14.3052 7.82611 12"
-        fill="#0052B4"
-      />
-      <path
-        d="M9.3913 10.9565H10.4348V13.0435H9.3913V10.9565Z"
-        fill="#D80027"
-      />
-      <path
-        d="M13.5652 10.9565H14.6087V13.0435H13.5652V10.9565Z"
-        fill="#D80027"
-      />
-      <path
-        d="M11.4783 9.39133H12.5218V13.0435H11.4783V9.39133Z"
-        fill="#D80027"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1521">
-        <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="M1.45911 6.26086H22.5409C20.5057 2.53073 16.5485 0 12 0C7.45151 0 3.49437 2.53073 1.45911 6.26086Z" fill="#D80027"/>
+<path d="M12 24C16.5485 24 20.5057 21.4693 22.5409 17.7391H1.45911C3.49437 21.4693 7.45151 24 12 24Z" fill="#D80027"/>
+<path d="M16.1739 12C16.1739 14.3052 14.3052 15.6522 12 15.6522C9.69483 15.6522 7.82611 14.3052 7.82611 12C7.82611 9.69478 9.69483 7.82611 12 7.82611C14.3052 7.82611 16.1739 9.69478 16.1739 12Z" fill="#FFDA44"/>
+<path d="M16.1739 12C16.1739 14.3052 14.3052 16.1739 12 16.1739C9.69483 16.1739 7.82611 14.3052 7.82611 12" fill="#0052B4"/>
+<path d="M9.3913 10.9565H10.4348V13.0435H9.3913V10.9565Z" fill="#D80027"/>
+<path d="M13.5652 10.9565H14.6087V13.0435H13.5652V10.9565Z" fill="#D80027"/>
+<path d="M11.4783 9.39133H12.5218V13.0435H11.4783V9.39133Z" fill="#D80027"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1521">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );