@brightlocal/icons 0.1.2 → 0.2.0

package/src/flag/namibia.tsx

@@ -1,47 +1,40 @@
 import type { SVGProps } from "react";
 
+export interface NamibiaProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Namibia icon from flag category
  *
  * @example
- * <Namibia className="w-6 h-6" />
- * <Namibia width={24} height={24} />
+ * <Namibia size={16} />
+ * <Namibia size={32} className="text-primary" />
  */
-export const Namibia = (props: SVGProps<SVGSVGElement>) => (
+export const Namibia = ({ size = 16, ...props }: NamibiaProps) => (
   <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_2037)">
-      <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="M3.51475 20.4853C4.01814 20.9887 4.55524 21.4376 5.11863 21.8328L21.8328 5.11863C21.4376 4.55524 20.9887 4.01814 20.4852 3.51475C19.9818 3.01136 19.4448 2.56249 18.8814 2.16724L2.16724 18.8815C2.56244 19.4448 3.01136 19.9819 3.51475 20.4853Z"
-        fill="#A2001D"
-      />
-      <path
-        d="M3.51471 3.51472C-0.271105 7.30053 -0.997855 12.9861 1.33291 17.5021L17.5021 1.33301C12.986 -0.997753 7.30043 -0.270909 3.51471 3.51472Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M20.4853 20.4853C24.271 16.6996 24.9978 11.014 22.6671 6.49792L6.49792 22.6671C11.0139 24.9978 16.6995 24.2711 20.4853 20.4853Z"
-        fill="#496E2D"
-      />
-      <path
-        d="M9.91301 6.78261L8.56836 7.4151L9.28442 8.71738L7.82431 8.4381L7.63925 9.91302L6.62225 8.82819L5.6052 9.91302L5.42023 8.4381L3.96008 8.71733L4.67609 7.41505L3.33148 6.78261L4.67614 6.15008L3.96008 4.84789L5.42019 5.12718L5.60525 3.65216L6.62225 4.73704L7.63929 3.65216L7.82431 5.12718L9.28442 4.84789L8.56845 6.15013L9.91301 6.78261Z"
-        fill="#FFDA44"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2037">
-        <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="M3.51475 20.4853C4.01814 20.9887 4.55524 21.4376 5.11863 21.8328L21.8328 5.11863C21.4376 4.55524 20.9887 4.01814 20.4852 3.51475C19.9818 3.01136 19.4448 2.56249 18.8814 2.16724L2.16724 18.8815C2.56244 19.4448 3.01136 19.9819 3.51475 20.4853Z" fill="#A2001D"/>
+<path d="M3.51471 3.51472C-0.271105 7.30053 -0.997855 12.9861 1.33291 17.5021L17.5021 1.33301C12.986 -0.997753 7.30043 -0.270909 3.51471 3.51472Z" fill="#0052B4"/>
+<path d="M20.4853 20.4853C24.271 16.6996 24.9978 11.014 22.6671 6.49792L6.49792 22.6671C11.0139 24.9978 16.6995 24.2711 20.4853 20.4853Z" fill="#496E2D"/>
+<path d="M9.91301 6.78261L8.56836 7.4151L9.28442 8.71738L7.82431 8.4381L7.63925 9.91302L6.62225 8.82819L5.6052 9.91302L5.42023 8.4381L3.96008 8.71733L4.67609 7.41505L3.33148 6.78261L4.67614 6.15008L3.96008 4.84789L5.42019 5.12718L5.60525 3.65216L6.62225 4.73704L7.63929 3.65216L7.82431 5.12718L9.28442 4.84789L8.56845 6.15013L9.91301 6.78261Z" fill="#FFDA44"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2037">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/nato.tsx

@@ -1,55 +1,45 @@
 import type { SVGProps } from "react";
 
+export interface NatoProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Nato icon from flag category
  *
  * @example
- * <Nato className="w-6 h-6" />
- * <Nato width={24} height={24} />
+ * <Nato size={16} />
+ * <Nato size={32} className="text-primary" />
  */
-export const Nato = (props: SVGProps<SVGSVGElement>) => (
+export const Nato = ({ size = 16, ...props }: NatoProps) => (
   <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_2043)">
-      <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="M17.1499 12.8372C17.1941 12.5645 17.2174 12.2849 17.2174 12C17.2174 12.2849 17.1941 12.5645 17.1499 12.8372L19.3044 12L17.1499 11.1629L15.9666 10.7031L14.044 9.95604L13.297 8.03346C14.5567 8.44638 15.5536 9.44327 15.9665 10.703L17.1499 11.1628C16.7923 8.95521 15.0447 7.20762 12.8372 6.85005L12 4.69568L11.1628 6.8501C8.95521 7.20776 7.20771 8.95526 6.8501 11.1629L4.69568 12L6.85015 12.8372C7.20776 15.0448 8.95526 16.7923 11.1629 17.1499L12 19.3044L12.8372 17.1499C15.0448 16.7923 16.7923 15.0448 17.1499 12.8372ZM13.2379 10.7622L12 12H16.4234L13.2379 13.2379L12 12V16.4234L10.7621 13.2379L12 12H7.57666L10.7621 10.7622L12 12V7.57666L13.2379 10.7622ZM10.703 8.03351L9.95594 9.95608L8.03346 10.7031C8.44638 9.44327 9.44327 8.44648 10.703 8.03351ZM8.03351 13.297L9.95594 14.0441L10.703 15.9665C9.44327 15.5536 8.44648 14.5568 8.03351 13.297ZM13.297 15.9665L14.0441 14.0441L15.9665 13.297C15.5536 14.5568 14.5568 15.5536 13.297 15.9665Z"
-        fill="#F0F0F0"
-      />
-      <path d="M16.4234 12H12L13.2379 13.2379L16.4234 12Z" fill="#0052B4" />
-      <path d="M7.57666 12H12L10.7621 10.7622L7.57666 12Z" fill="#0052B4" />
-      <path d="M12 16.4234V12L10.7621 13.2379L12 16.4234Z" fill="#0052B4" />
-      <path d="M12 12L13.2379 10.7622L12 7.57666V12Z" fill="#0052B4" />
-      <path
-        d="M11.4783 1.56519H12.5218V3.65215H11.4783V1.56519Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M1.56519 11.4783H3.65215V12.5218H1.56519V11.4783Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M11.4783 20.3478H12.5218V22.4348H11.4783V20.3478Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M20.3478 11.4783H22.4348V12.5218H20.3478V11.4783Z"
-        fill="#F0F0F0"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2043">
-        <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="M17.1499 12.8372C17.1941 12.5645 17.2174 12.2849 17.2174 12C17.2174 12.2849 17.1941 12.5645 17.1499 12.8372L19.3044 12L17.1499 11.1629L15.9666 10.7031L14.044 9.95604L13.297 8.03346C14.5567 8.44638 15.5536 9.44327 15.9665 10.703L17.1499 11.1628C16.7923 8.95521 15.0447 7.20762 12.8372 6.85005L12 4.69568L11.1628 6.8501C8.95521 7.20776 7.20771 8.95526 6.8501 11.1629L4.69568 12L6.85015 12.8372C7.20776 15.0448 8.95526 16.7923 11.1629 17.1499L12 19.3044L12.8372 17.1499C15.0448 16.7923 16.7923 15.0448 17.1499 12.8372ZM13.2379 10.7622L12 12H16.4234L13.2379 13.2379L12 12V16.4234L10.7621 13.2379L12 12H7.57666L10.7621 10.7622L12 12V7.57666L13.2379 10.7622ZM10.703 8.03351L9.95594 9.95608L8.03346 10.7031C8.44638 9.44327 9.44327 8.44648 10.703 8.03351ZM8.03351 13.297L9.95594 14.0441L10.703 15.9665C9.44327 15.5536 8.44648 14.5568 8.03351 13.297ZM13.297 15.9665L14.0441 14.0441L15.9665 13.297C15.5536 14.5568 14.5568 15.5536 13.297 15.9665Z" fill="#F0F0F0"/>
+<path d="M16.4234 12H12L13.2379 13.2379L16.4234 12Z" fill="#0052B4"/>
+<path d="M7.57666 12H12L10.7621 10.7622L7.57666 12Z" fill="#0052B4"/>
+<path d="M12 16.4234V12L10.7621 13.2379L12 16.4234Z" fill="#0052B4"/>
+<path d="M12 12L13.2379 10.7622L12 7.57666V12Z" fill="#0052B4"/>
+<path d="M11.4783 1.56519H12.5218V3.65215H11.4783V1.56519Z" fill="#F0F0F0"/>
+<path d="M1.56519 11.4783H3.65215V12.5218H1.56519V11.4783Z" fill="#F0F0F0"/>
+<path d="M11.4783 20.3478H12.5218V22.4348H11.4783V20.3478Z" fill="#F0F0F0"/>
+<path d="M20.3478 11.4783H22.4348V12.5218H20.3478V11.4783Z" fill="#F0F0F0"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2043">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/nauru.tsx

@@ -1,47 +1,40 @@
 import type { SVGProps } from "react";
 
+export interface NauruProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Nauru icon from flag category
  *
  * @example
- * <Nauru className="w-6 h-6" />
- * <Nauru width={24} height={24} />
+ * <Nauru size={16} />
+ * <Nauru size={32} className="text-primary" />
  */
-export const Nauru = (props: SVGProps<SVGSVGElement>) => (
+export const Nauru = ({ size = 16, ...props }: NauruProps) => (
   <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_2056)">
-      <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 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 0C5.7242 0 0.574606 4.81786 0.0457153 10.9565H23.9544C23.4254 4.81786 18.2758 0 12 0Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M12 24C18.2758 24 23.4254 19.1821 23.9544 13.0435H0.0457153C0.574606 19.1821 5.7242 24 12 24Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M9.91306 16.1739L8.5684 16.8064L9.28442 18.1086L7.82431 17.8293L7.63929 19.3043L6.62225 18.2195L5.60525 19.3043L5.42023 17.8293L3.96008 18.1086L4.67614 16.8063L3.33148 16.1739L4.67619 15.5414L3.96008 14.2392L5.42019 14.5185L5.60529 13.0435L6.62225 14.1283L7.63934 13.0435L7.82431 14.5185L9.28447 14.2392L8.56845 15.5414L9.91306 16.1739Z"
-        fill="#F0F0F0"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2056">
-        <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 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 0C5.7242 0 0.574606 4.81786 0.0457153 10.9565H23.9544C23.4254 4.81786 18.2758 0 12 0Z" fill="#0052B4"/>
+<path d="M12 24C18.2758 24 23.4254 19.1821 23.9544 13.0435H0.0457153C0.574606 19.1821 5.7242 24 12 24Z" fill="#0052B4"/>
+<path d="M9.91306 16.1739L8.5684 16.8064L9.28442 18.1086L7.82431 17.8293L7.63929 19.3043L6.62225 18.2195L5.60525 19.3043L5.42023 17.8293L3.96008 18.1086L4.67614 16.8063L3.33148 16.1739L4.67619 15.5414L3.96008 14.2392L5.42019 14.5185L5.60529 13.0435L6.62225 14.1283L7.63934 13.0435L7.82431 14.5185L9.28447 14.2392L8.56845 15.5414L9.91306 16.1739Z" fill="#F0F0F0"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2056">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/nepal.tsx

@@ -1,55 +1,42 @@
 import type { SVGProps } from "react";
 
+export interface NepalProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Nepal icon from flag category
  *
  * @example
- * <Nepal className="w-6 h-6" />
- * <Nepal width={24} height={24} />
+ * <Nepal size={16} />
+ * <Nepal size={32} className="text-primary" />
  */
-export const Nepal = (props: SVGProps<SVGSVGElement>) => (
+export const Nepal = ({ size = 16, ...props }: NepalProps) => (
   <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_2063)">
-      <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.9295 13.3043L23.9292 13.304L23.9292 13.3043H23.9295Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M23.9292 13.3043C23.9292 13.3042 23.9293 13.3041 23.9293 13.304L10.7693 0.0623779C10.1757 0.122894 9.59475 0.226675 9.02986 0.370534C3.83897 1.69217 0 12 0 12C0 12 16.7999 23.2423 18.7165 21.9452C19.1 21.6857 19.4677 21.4046 19.8177 21.1036L12.0185 13.3043H23.9292Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M20.8695 12L9.19898 0.329468C3.92287 1.5912 0 6.33711 0 12C0 18.6274 5.37262 24 12 24C14.5139 24 16.8467 23.2265 18.7748 21.9052L8.86955 12H20.8695Z"
-        fill="#D80027"
-      />
-      <path
-        d="M11.4128 17.7184L9.94722 17.0291L10.7276 15.6097L9.13624 15.9142L8.93458 14.3065L7.82613 15.4889L6.71768 14.3065L6.51597 15.9142L4.92461 15.6097L5.70503 17.0291L4.23944 17.7184L5.70503 18.4077L4.92461 19.8271L6.51607 19.5227L6.71763 21.1303L7.82613 19.9479L8.93458 21.1303L9.13624 19.5227L10.7276 19.8271L9.94718 18.4078L11.4128 17.7184Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M10.4348 6.65545L9.36889 6.15412L9.9365 5.1218L8.77902 5.34323L8.63234 4.17389L7.82614 5.0339L7.01994 4.17389L6.87322 5.34323L5.71574 5.1218L6.28339 6.15412L5.21741 6.65545L7.82614 7.17726L10.4348 6.65545Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M10.9565 6.65546C10.9565 8.38435 9.55496 9.78591 7.82607 9.78591C6.09718 9.78591 4.69562 8.38435 4.69562 6.65546"
-        fill="#F0F0F0"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2063">
-        <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.9295 13.3043L23.9292 13.304L23.9292 13.3043H23.9295Z" fill="#0052B4"/>
+<path d="M23.9292 13.3043C23.9292 13.3042 23.9293 13.3041 23.9293 13.304L10.7693 0.0623779C10.1757 0.122894 9.59475 0.226675 9.02986 0.370534C3.83897 1.69217 0 12 0 12C0 12 16.7999 23.2423 18.7165 21.9452C19.1 21.6857 19.4677 21.4046 19.8177 21.1036L12.0185 13.3043H23.9292Z" fill="#0052B4"/>
+<path d="M20.8695 12L9.19898 0.329468C3.92287 1.5912 0 6.33711 0 12C0 18.6274 5.37262 24 12 24C14.5139 24 16.8467 23.2265 18.7748 21.9052L8.86955 12H20.8695Z" fill="#D80027"/>
+<path d="M11.4128 17.7184L9.94722 17.0291L10.7276 15.6097L9.13624 15.9142L8.93458 14.3065L7.82613 15.4889L6.71768 14.3065L6.51597 15.9142L4.92461 15.6097L5.70503 17.0291L4.23944 17.7184L5.70503 18.4077L4.92461 19.8271L6.51607 19.5227L6.71763 21.1303L7.82613 19.9479L8.93458 21.1303L9.13624 19.5227L10.7276 19.8271L9.94718 18.4078L11.4128 17.7184Z" fill="#F0F0F0"/>
+<path d="M10.4348 6.65545L9.36889 6.15412L9.9365 5.1218L8.77902 5.34323L8.63234 4.17389L7.82614 5.0339L7.01994 4.17389L6.87322 5.34323L5.71574 5.1218L6.28339 6.15412L5.21741 6.65545L7.82614 7.17726L10.4348 6.65545Z" fill="#F0F0F0"/>
+<path d="M10.9565 6.65546C10.9565 8.38435 9.55496 9.78591 7.82607 9.78591C6.09718 9.78591 4.69562 8.38435 4.69562 6.65546" fill="#F0F0F0"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2063">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/netherlands.tsx

@@ -1,39 +1,38 @@
 import type { SVGProps } from "react";
 
+export interface NetherlandsProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Netherlands icon from flag category
  *
  * @example
- * <Netherlands className="w-6 h-6" />
- * <Netherlands width={24} height={24} />
+ * <Netherlands size={16} />
+ * <Netherlands size={32} className="text-primary" />
  */
-export const Netherlands = (props: SVGProps<SVGSVGElement>) => (
+export const Netherlands = ({ size = 16, ...props }: NetherlandsProps) => (
   <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_2073)">
-      <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="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0Z"
-        fill="#A2001D"
-      />
-      <path
-        d="M12 24C17.1596 24 21.5581 20.7435 23.2536 16.1739H0.746399C2.44191 20.7435 6.84043 24 12 24Z"
-        fill="#0052B4"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2073">
-        <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="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0Z" fill="#A2001D"/>
+<path d="M12 24C17.1596 24 21.5581 20.7435 23.2536 16.1739H0.746399C2.44191 20.7435 6.84043 24 12 24Z" fill="#0052B4"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2073">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/new-zealand.tsx

@@ -1,63 +1,44 @@
 import type { SVGProps } from "react";
 
+export interface NewZealandProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * NewZealand icon from flag category
  *
  * @example
- * <NewZealand className="w-6 h-6" />
- * <NewZealand width={24} height={24} />
+ * <NewZealand size={16} />
+ * <NewZealand size={32} className="text-primary" />
  */
-export const NewZealand = (props: SVGProps<SVGSVGElement>) => (
+export const NewZealand = ({ size = 16, ...props }: NewZealandProps) => (
   <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_2077)">
-      <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.9679C11.9786 11.9893 11.9894 11.9786 12 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.26086C7.73654 6.26086 6.26086 6.26096 6.26086 6.26086V6.26096L11.9999 12H12C12 12 12 10.9824 12 10.5243Z"
-        fill="#D80027"
-      />
-      <path
-        d="M20.7811 8.9043L21.0401 9.70145H21.8782L21.2002 10.1941L21.4592 10.9912L20.7811 10.4986L20.1029 10.9912L20.362 10.1941L19.6838 9.70145H20.522L20.7811 8.9043Z"
-        fill="#D80027"
-      />
-      <path
-        d="M17.7849 14.6434L18.1734 15.8392H19.4307L18.4135 16.5782L18.8021 17.7739L17.7849 17.0349L16.7677 17.7739L17.1563 16.5782L16.1391 15.8392H17.3963L17.7849 14.6434Z"
-        fill="#D80027"
-      />
-      <path
-        d="M17.898 5.25214L18.2218 6.24865H19.2695L18.4219 6.86436L18.7457 7.86082L17.898 7.24493L17.0504 7.86082L17.3742 6.86436L16.5266 6.24865H17.5743L17.898 5.25214Z"
-        fill="#D80027"
-      />
-      <path
-        d="M15.0151 8.86951L15.4036 10.0653H16.6609L15.6437 10.8042L16.0323 12L15.0151 11.261L13.9979 12L14.3865 10.8042L13.3693 10.0653H14.6266L15.0151 8.86951Z"
-        fill="#D80027"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2077">
-        <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.9679C11.9786 11.9893 11.9894 11.9786 12 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.26086C7.73654 6.26086 6.26086 6.26096 6.26086 6.26086V6.26096L11.9999 12H12C12 12 12 10.9824 12 10.5243Z" fill="#D80027"/>
+<path d="M20.7811 8.9043L21.0401 9.70145H21.8782L21.2002 10.1941L21.4592 10.9912L20.7811 10.4986L20.1029 10.9912L20.362 10.1941L19.6838 9.70145H20.522L20.7811 8.9043Z" fill="#D80027"/>
+<path d="M17.7849 14.6434L18.1734 15.8392H19.4307L18.4135 16.5782L18.8021 17.7739L17.7849 17.0349L16.7677 17.7739L17.1563 16.5782L16.1391 15.8392H17.3963L17.7849 14.6434Z" fill="#D80027"/>
+<path d="M17.898 5.25214L18.2218 6.24865H19.2695L18.4219 6.86436L18.7457 7.86082L17.898 7.24493L17.0504 7.86082L17.3742 6.86436L16.5266 6.24865H17.5743L17.898 5.25214Z" fill="#D80027"/>
+<path d="M15.0151 8.86951L15.4036 10.0653H16.6609L15.6437 10.8042L16.0323 12L15.0151 11.261L13.9979 12L14.3865 10.8042L13.3693 10.0653H14.6266L15.0151 8.86951Z" fill="#D80027"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2077">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/nicaragua.tsx

@@ -1,55 +1,42 @@
 import type { SVGProps } from "react";
 
+export interface NicaraguaProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Nicaragua icon from flag category
  *
  * @example
- * <Nicaragua className="w-6 h-6" />
- * <Nicaragua width={24} height={24} />
+ * <Nicaragua size={16} />
+ * <Nicaragua size={32} className="text-primary" />
  */
-export const Nicaragua = (props: SVGProps<SVGSVGElement>) => (
+export const Nicaragua = ({ size = 16, ...props }: NicaraguaProps) => (
   <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_2090)">
-      <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="M12 0C7.24248 0 3.13173 2.76867 1.19073 6.78263H22.8092C20.8683 2.76867 16.7575 0 12 0Z"
-        fill="#338AF3"
-      />
-      <path
-        d="M12 24C16.7575 24 20.8683 21.2313 22.8093 17.2173H1.19073C3.13173 21.2313 7.24248 24 12 24Z"
-        fill="#338AF3"
-      />
-      <path
-        d="M12 8.34784C9.98298 8.34784 8.34784 9.98298 8.34784 12C8.34784 14.017 9.98298 15.6522 12 15.6522C14.017 15.6522 15.6522 14.017 15.6522 12C15.6522 9.98298 14.017 8.34784 12 8.34784ZM12 14.087C10.8474 14.087 9.91304 13.1527 9.91304 12C9.91304 10.8474 10.8474 9.91304 12 9.91304C13.1526 9.91304 14.087 10.8474 14.087 12C14.087 13.1527 13.1526 14.087 12 14.087Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M13.8074 12.5217L12 12L10.1926 12.5217L9.59015 13.5652H14.4098L13.8074 12.5217Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M12 9.3913L10.7951 11.4783L12 12L13.2049 11.4783L12 9.3913Z"
-        fill="#338AF3"
-      />
-      <path
-        d="M10.1926 12.5217H13.8074L13.2049 11.4783H10.7951L10.1926 12.5217Z"
-        fill="#6DA544"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2090">
-        <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="M12 0C7.24248 0 3.13173 2.76867 1.19073 6.78263H22.8092C20.8683 2.76867 16.7575 0 12 0Z" fill="#338AF3"/>
+<path d="M12 24C16.7575 24 20.8683 21.2313 22.8093 17.2173H1.19073C3.13173 21.2313 7.24248 24 12 24Z" fill="#338AF3"/>
+<path d="M12 8.34784C9.98298 8.34784 8.34784 9.98298 8.34784 12C8.34784 14.017 9.98298 15.6522 12 15.6522C14.017 15.6522 15.6522 14.017 15.6522 12C15.6522 9.98298 14.017 8.34784 12 8.34784ZM12 14.087C10.8474 14.087 9.91304 13.1527 9.91304 12C9.91304 10.8474 10.8474 9.91304 12 9.91304C13.1526 9.91304 14.087 10.8474 14.087 12C14.087 13.1527 13.1526 14.087 12 14.087Z" fill="#FFDA44"/>
+<path d="M13.8074 12.5217L12 12L10.1926 12.5217L9.59015 13.5652H14.4098L13.8074 12.5217Z" fill="#0052B4"/>
+<path d="M12 9.3913L10.7951 11.4783L12 12L13.2049 11.4783L12 9.3913Z" fill="#338AF3"/>
+<path d="M10.1926 12.5217H13.8074L13.2049 11.4783H10.7951L10.1926 12.5217Z" fill="#6DA544"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2090">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/niger.tsx

@@ -1,43 +1,39 @@
 import type { SVGProps } from "react";
 
+export interface NigerProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Niger icon from flag category
  *
  * @example
- * <Niger className="w-6 h-6" />
- * <Niger width={24} height={24} />
+ * <Niger size={16} />
+ * <Niger size={32} className="text-primary" />
  */
-export const Niger = (props: SVGProps<SVGSVGElement>) => (
+export const Niger = ({ size = 16, ...props }: NigerProps) => (
   <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_2099)">
-      <path
-        d="M1.19072 6.78262C0.427875 8.36025 0 10.1301 0 12C0 13.8699 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8699 24 12C24 10.1301 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M1.19116 17.2173C3.13207 21.2313 7.24249 24 12 24C16.7576 24 20.868 21.2313 22.8089 17.2173H1.19116Z"
-        fill="#6DA544"
-      />
-      <path
-        d="M1.19116 6.78263H22.8089C20.868 2.76867 16.7575 0 12 0C7.24254 0 3.13207 2.76867 1.19116 6.78263Z"
-        fill="#FF9811"
-      />
-      <path
-        d="M12 16.1739C14.3052 16.1739 16.1739 14.3052 16.1739 12C16.1739 9.69483 14.3052 7.82611 12 7.82611C9.69483 7.82611 7.82611 9.69483 7.82611 12C7.82611 14.3052 9.69483 16.1739 12 16.1739Z"
-        fill="#FF9811"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2099">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M1.19072 6.78262C0.427875 8.36025 0 10.1301 0 12C0 13.8699 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8699 24 12C24 10.1301 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z" fill="#F0F0F0"/>
+<path d="M1.19116 17.2173C3.13207 21.2313 7.24249 24 12 24C16.7576 24 20.868 21.2313 22.8089 17.2173H1.19116Z" fill="#6DA544"/>
+<path d="M1.19116 6.78263H22.8089C20.868 2.76867 16.7575 0 12 0C7.24254 0 3.13207 2.76867 1.19116 6.78263Z" fill="#FF9811"/>
+<path d="M12 16.1739C14.3052 16.1739 16.1739 14.3052 16.1739 12C16.1739 9.69483 14.3052 7.82611 12 7.82611C9.69483 7.82611 7.82611 9.69483 7.82611 12C7.82611 14.3052 9.69483 16.1739 12 16.1739Z" fill="#FF9811"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2099">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );