@brightlocal/icons 0.1.2 → 0.2.0

package/src/flag/aland-islands.tsx

@@ -1,51 +1,41 @@
 import type { SVGProps } from "react";
 
+export interface AlandIslandsProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * AlandIslands icon from flag category
  *
  * @example
- * <AlandIslands className="w-6 h-6" />
- * <AlandIslands width={24} height={24} />
+ * <AlandIslands size={16} />
+ * <AlandIslands size={32} className="text-primary" />
  */
-export const AlandIslands = (props: SVGProps<SVGSVGElement>) => (
+export const AlandIslands = ({ size = 16, ...props }: AlandIslandsProps) => (
   <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_786)">
-      <path
-        d="M23.5866 15.1305C23.8556 14.1323 24 13.0831 24 12C24 10.9169 23.8556 9.8677 23.5866 8.86954L10.9565 0.0456543C8.61178 0.247686 6.46008 1.12378 4.69566 2.47945L0.413391 8.86954C0.144375 9.8677 0 10.9169 0 12C0 13.0768 0.142641 14.1202 0.408656 15.1131L4.69561 21.5205C6.46003 22.8762 8.61173 23.7524 10.9565 23.9543L23.5866 15.1305Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M0.413391 15.1304C1.1077 17.7066 2.63794 19.9395 4.69566 21.5205V15.1304H0.413391Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M10.9565 23.9543C11.3005 23.9839 11.6484 24 12 24C17.5444 24 22.2096 20.2396 23.5866 15.1304H10.9565V23.9543Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M23.5866 8.86955C22.2096 3.76036 17.5444 0 12 0C11.6484 0 11.3005 0.0160312 10.9565 0.0456562V8.86955H23.5866Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M4.69566 2.47943C2.63794 4.06052 1.1077 6.29332 0.413391 8.86952H4.69566V2.47943Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M23.8984 10.4348H9.39136H9.39131V0.285217C8.28234 0.531124 7.23098 0.929702 6.26086 1.45906V10.4347H0.101578C0.0347813 10.9471 0 11.4695 0 12C0 12.5305 0.0347813 13.0528 0.101578 13.5652H6.26081H6.26086V22.5409C7.23098 23.0702 8.28234 23.4688 9.39131 23.7147V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5305 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348Z"
-        fill="#D80027"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_786">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M23.5866 15.1305C23.8556 14.1323 24 13.0831 24 12C24 10.9169 23.8556 9.8677 23.5866 8.86954L10.9565 0.0456543C8.61178 0.247686 6.46008 1.12378 4.69566 2.47945L0.413391 8.86954C0.144375 9.8677 0 10.9169 0 12C0 13.0768 0.142641 14.1202 0.408656 15.1131L4.69561 21.5205C6.46003 22.8762 8.61173 23.7524 10.9565 23.9543L23.5866 15.1305Z" fill="#FFDA44"/>
+<path d="M0.413391 15.1304C1.1077 17.7066 2.63794 19.9395 4.69566 21.5205V15.1304H0.413391Z" fill="#0052B4"/>
+<path d="M10.9565 23.9543C11.3005 23.9839 11.6484 24 12 24C17.5444 24 22.2096 20.2396 23.5866 15.1304H10.9565V23.9543Z" fill="#0052B4"/>
+<path d="M23.5866 8.86955C22.2096 3.76036 17.5444 0 12 0C11.6484 0 11.3005 0.0160312 10.9565 0.0456562V8.86955H23.5866Z" fill="#0052B4"/>
+<path d="M4.69566 2.47943C2.63794 4.06052 1.1077 6.29332 0.413391 8.86952H4.69566V2.47943Z" fill="#0052B4"/>
+<path d="M23.8984 10.4348H9.39136H9.39131V0.285217C8.28234 0.531124 7.23098 0.929702 6.26086 1.45906V10.4347H0.101578C0.0347813 10.9471 0 11.4695 0 12C0 12.5305 0.0347813 13.0528 0.101578 13.5652H6.26081H6.26086V22.5409C7.23098 23.0702 8.28234 23.4688 9.39131 23.7147V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5305 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348Z" fill="#D80027"/>
+</g>
+<defs>
+<clipPath id="clip0_43_786">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/albania.tsx

@@ -1,35 +1,37 @@
 import type { SVGProps } from "react";
 
+export interface AlbaniaProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Albania icon from flag category
  *
  * @example
- * <Albania className="w-6 h-6" />
- * <Albania width={24} height={24} />
+ * <Albania size={16} />
+ * <Albania size={32} className="text-primary" />
  */
-export const Albania = (props: SVGProps<SVGSVGElement>) => (
+export const Albania = ({ size = 16, ...props }: AlbaniaProps) => (
   <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_794)">
-      <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="#D80027"
-      />
-      <path
-        d="M18.7826 8.90669H14.4361C14.7044 8.62572 14.8695 8.24533 14.8695 7.82613C14.8695 6.96171 14.1688 6.26093 13.3043 6.26093C12.7597 6.26093 12.2803 6.53918 12 6.9611C11.7196 6.53918 11.2402 6.26093 10.6956 6.26093C9.83122 6.26093 9.13044 6.96171 9.13044 7.82613C9.13044 8.24533 9.29558 8.62577 9.56389 8.90669H5.21741C5.21741 10.0593 6.22133 10.9936 7.37385 10.9936H7.30428C7.30428 12.1463 8.23864 13.0806 9.3913 13.0806C9.3913 13.4539 9.48969 13.8039 9.66144 14.1069L7.93034 15.838L9.2585 17.1661L11.1425 15.2822C11.2163 15.3092 11.2926 15.3309 11.3715 15.3457L10.233 17.9161L12 19.8261L13.7669 17.916L12.6285 15.3456C12.7074 15.3308 12.7837 15.3092 12.8575 15.2821L14.7415 17.166L16.0696 15.8379L14.3385 14.1068C14.5103 13.8038 14.6087 13.4538 14.6087 13.0805C15.7613 13.0805 16.6956 12.1462 16.6956 10.9935H16.6261C17.7786 10.9936 18.7826 10.0593 18.7826 8.90669Z"
-        fill="black"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_794">
-        <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="#D80027"/>
+<path d="M18.7826 8.90669H14.4361C14.7044 8.62572 14.8695 8.24533 14.8695 7.82613C14.8695 6.96171 14.1688 6.26093 13.3043 6.26093C12.7597 6.26093 12.2803 6.53918 12 6.9611C11.7196 6.53918 11.2402 6.26093 10.6956 6.26093C9.83122 6.26093 9.13044 6.96171 9.13044 7.82613C9.13044 8.24533 9.29558 8.62577 9.56389 8.90669H5.21741C5.21741 10.0593 6.22133 10.9936 7.37385 10.9936H7.30428C7.30428 12.1463 8.23864 13.0806 9.3913 13.0806C9.3913 13.4539 9.48969 13.8039 9.66144 14.1069L7.93034 15.838L9.2585 17.1661L11.1425 15.2822C11.2163 15.3092 11.2926 15.3309 11.3715 15.3457L10.233 17.9161L12 19.8261L13.7669 17.916L12.6285 15.3456C12.7074 15.3308 12.7837 15.3092 12.8575 15.2821L14.7415 17.166L16.0696 15.8379L14.3385 14.1068C14.5103 13.8038 14.6087 13.4538 14.6087 13.0805C15.7613 13.0805 16.6956 12.1462 16.6956 10.9935H16.6261C17.7786 10.9936 18.7826 10.0593 18.7826 8.90669Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_43_794">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/algeria.tsx

@@ -1,43 +1,39 @@
 import type { SVGProps } from "react";
 
+export interface AlgeriaProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Algeria icon from flag category
  *
  * @example
- * <Algeria className="w-6 h-6" />
- * <Algeria width={24} height={24} />
+ * <Algeria size={16} />
+ * <Algeria size={32} className="text-primary" />
  */
-export const Algeria = (props: SVGProps<SVGSVGElement>) => (
+export const Algeria = ({ size = 16, ...props }: AlgeriaProps) => (
   <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_797)">
-      <path
-        d="M12 0C18.6274 0 24 5.37262 24 12C24 18.6274 18.6274 24 12 24C12 23.4783 10.4348 12 10.4348 12L12 0Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M12 24C5.37262 24 0 18.6274 0 12C0 5.37262 5.37262 0 12 0"
-        fill="#496E2D"
-      />
-      <path
-        d="M14.5783 9.69824L13.5938 11.055L11.9992 10.5379L12.9854 11.8935L12.0009 13.2503L13.5948 12.7314L14.581 14.087L14.58 12.4107L16.1739 11.8917L14.5794 11.3746L14.5783 9.69824Z"
-        fill="#D80027"
-      />
-      <path
-        d="M12.9955 15.3913C11.1226 15.3913 9.6042 13.8729 9.6042 12C9.6042 10.127 11.1226 8.60867 12.9955 8.60867C13.5795 8.60867 14.129 8.75633 14.6087 9.0163C13.8561 8.28032 12.8269 7.82605 11.6912 7.82605C9.38594 7.82605 7.51727 9.69477 7.51727 11.9999C7.51727 14.3051 9.38599 16.1738 11.6912 16.1738C12.8269 16.1738 13.8561 15.7196 14.6087 14.9836C14.129 15.2436 13.5795 15.3913 12.9955 15.3913Z"
-        fill="#D80027"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_797">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M12 0C18.6274 0 24 5.37262 24 12C24 18.6274 18.6274 24 12 24C12 23.4783 10.4348 12 10.4348 12L12 0Z" fill="#F0F0F0"/>
+<path d="M12 24C5.37262 24 0 18.6274 0 12C0 5.37262 5.37262 0 12 0" fill="#496E2D"/>
+<path d="M14.5783 9.69824L13.5938 11.055L11.9992 10.5379L12.9854 11.8935L12.0009 13.2503L13.5948 12.7314L14.581 14.087L14.58 12.4107L16.1739 11.8917L14.5794 11.3746L14.5783 9.69824Z" fill="#D80027"/>
+<path d="M12.9955 15.3913C11.1226 15.3913 9.6042 13.8729 9.6042 12C9.6042 10.127 11.1226 8.60867 12.9955 8.60867C13.5795 8.60867 14.129 8.75633 14.6087 9.0163C13.8561 8.28032 12.8269 7.82605 11.6912 7.82605C9.38594 7.82605 7.51727 9.69477 7.51727 11.9999C7.51727 14.3051 9.38599 16.1738 11.6912 16.1738C12.8269 16.1738 13.8561 15.7196 14.6087 14.9836C14.129 15.2436 13.5795 15.3913 12.9955 15.3913Z" fill="#D80027"/>
+</g>
+<defs>
+<clipPath id="clip0_43_797">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/american-samoa.tsx

@@ -1,51 +1,41 @@
 import type { SVGProps } from "react";
 
+export interface AmericanSamoaProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * AmericanSamoa icon from flag category
  *
  * @example
- * <AmericanSamoa className="w-6 h-6" />
- * <AmericanSamoa width={24} height={24} />
+ * <AmericanSamoa size={16} />
+ * <AmericanSamoa size={32} className="text-primary" />
  */
-export const AmericanSamoa = (props: SVGProps<SVGSVGElement>) => (
+export const AmericanSamoa = ({ size = 16, ...props }: AmericanSamoaProps) => (
   <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_803)">
-      <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="M17.8217 1.50525C16.0974 0.54675 14.1127 0 12 0C5.37309 0 0.00084375 5.37178 0 11.9986L8.34783 7.82611L17.8217 1.50525Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M0 12.0014C0.00084375 18.6282 5.37309 24 12 24C14.1127 24 16.0974 23.4533 17.8217 22.4947L8.34783 16.1739L0 12.0014Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M18.8217 2.12728C18.4994 1.9042 18.1654 1.69673 17.8213 1.50543L0 11.9986V12C0 12 0 12.001 0 12.0014L17.8213 22.4945C18.1655 22.3032 18.4994 22.0957 18.8218 21.8727L2.05416 12L18.8217 2.12728Z"
-        fill="#D80027"
-      />
-      <path
-        d="M20.8696 11.5525H19.4402C19.8118 11.1062 19.7889 10.4424 19.3702 10.0237C19.8137 9.58023 19.8137 8.86112 19.3702 8.41754L19.3435 8.44435C19.7869 8.00087 19.8137 7.25495 19.3702 6.81146L12.9457 13.236C13.3892 13.6795 14.0957 13.6742 14.5392 13.2307L14.6629 13.1177L17.7392 12.838V14.1611H18.7826V12.7432L20.3479 12.6009L20.8696 11.5525Z"
-        fill="#A2001D"
-      />
-      <path
-        d="M13.0439 14.6087L12 14.087L13.0439 13.5652H19.8264V14.6087H13.0439Z"
-        fill="#FFDA44"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_803">
-        <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="M17.8217 1.50525C16.0974 0.54675 14.1127 0 12 0C5.37309 0 0.00084375 5.37178 0 11.9986L8.34783 7.82611L17.8217 1.50525Z" fill="#0052B4"/>
+<path d="M0 12.0014C0.00084375 18.6282 5.37309 24 12 24C14.1127 24 16.0974 23.4533 17.8217 22.4947L8.34783 16.1739L0 12.0014Z" fill="#0052B4"/>
+<path d="M18.8217 2.12728C18.4994 1.9042 18.1654 1.69673 17.8213 1.50543L0 11.9986V12C0 12 0 12.001 0 12.0014L17.8213 22.4945C18.1655 22.3032 18.4994 22.0957 18.8218 21.8727L2.05416 12L18.8217 2.12728Z" fill="#D80027"/>
+<path d="M20.8696 11.5525H19.4402C19.8118 11.1062 19.7889 10.4424 19.3702 10.0237C19.8137 9.58023 19.8137 8.86112 19.3702 8.41754L19.3435 8.44435C19.7869 8.00087 19.8137 7.25495 19.3702 6.81146L12.9457 13.236C13.3892 13.6795 14.0957 13.6742 14.5392 13.2307L14.6629 13.1177L17.7392 12.838V14.1611H18.7826V12.7432L20.3479 12.6009L20.8696 11.5525Z" fill="#A2001D"/>
+<path d="M13.0439 14.6087L12 14.087L13.0439 13.5652H19.8264V14.6087H13.0439Z" fill="#FFDA44"/>
+</g>
+<defs>
+<clipPath id="clip0_43_803">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/andorra.tsx

@@ -1,48 +1,41 @@
 import type { SVGProps } from "react";
 
+export interface AndorraProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Andorra icon from flag category
  *
  * @example
- * <Andorra className="w-6 h-6" />
- * <Andorra width={24} height={24} />
+ * <Andorra size={16} />
+ * <Andorra size={32} className="text-primary" />
  */
-export const Andorra = (props: SVGProps<SVGSVGElement>) => (
+export const Andorra = ({ size = 16, ...props }: AndorraProps) => (
   <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_811)">
-      <path
-        d="M6.78262 22.8093C8.36025 23.5721 10.1301 24 12 24C13.8699 24 15.6397 23.5721 17.2174 22.8093L18.2609 12L17.2174 1.19072C15.6397 0.427875 13.8699 0 12 0C10.1301 0 8.36025 0.427875 6.78262 1.19072L5.73914 12L6.78262 22.8093Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M17.2173 22.8089C21.2313 20.868 24 16.7575 24 12C24 7.24254 21.2313 3.13207 17.2173 1.19116V22.8089Z"
-        fill="#D80027"
-      />
-      <path
-        d="M6.78263 22.8089V1.19116C2.76867 3.13207 0 7.24249 0 12C0 16.7576 2.76867 20.868 6.78263 22.8089Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M12 16.1739C12 14.259 12 12 12 12H15.1305V13.5652C15.1305 13.8371 14.6087 14.8335 13.3209 15.6522C12.8332 15.9623 12.3283 16.062 12 16.1739Z"
-        fill="#D80027"
-      />
-      <path d="M8.86957 8.86957H12V12H8.86957V8.86957Z" fill="#D80027" />
-      <path
-        d="M13.5652 7.82614C13.5652 7.24981 13.098 6.78265 12.5217 6.78265C12.3314 6.78265 12.1536 6.8344 12 6.92337C11.8464 6.8344 11.6686 6.78265 11.4783 6.78265C10.902 6.78265 10.4348 7.24981 10.4348 7.82614H7.82611V13.0435C7.82611 14.9858 9.36858 16.109 10.5782 16.6913C10.4877 16.8459 10.4348 17.0253 10.4348 17.2175C10.4348 17.7938 10.902 18.2609 11.4783 18.2609C11.6686 18.2609 11.8464 18.2092 12 18.1202C12.1536 18.2092 12.3314 18.2609 12.5217 18.2609C13.098 18.2609 13.5652 17.7938 13.5652 17.2175C13.5652 17.0253 13.5123 16.8459 13.4218 16.6913C14.6314 16.109 16.1739 14.9858 16.1739 13.0435V7.82614H13.5652ZM14.6087 13.0435C14.6087 13.3154 14.6087 14.1428 13.3209 14.9615C12.8332 15.2716 12.3283 15.4727 12 15.5845C11.6717 15.4727 11.1668 15.2716 10.6791 14.9615C9.39131 14.1428 9.39131 13.3154 9.39131 13.0435V9.39134H14.6087V13.0435Z"
-        fill="#FF9811"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_811">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M6.78262 22.8093C8.36025 23.5721 10.1301 24 12 24C13.8699 24 15.6397 23.5721 17.2174 22.8093L18.2609 12L17.2174 1.19072C15.6397 0.427875 13.8699 0 12 0C10.1301 0 8.36025 0.427875 6.78262 1.19072L5.73914 12L6.78262 22.8093Z" fill="#FFDA44"/>
+<path d="M17.2173 22.8089C21.2313 20.868 24 16.7575 24 12C24 7.24254 21.2313 3.13207 17.2173 1.19116V22.8089Z" fill="#D80027"/>
+<path d="M6.78263 22.8089V1.19116C2.76867 3.13207 0 7.24249 0 12C0 16.7576 2.76867 20.868 6.78263 22.8089Z" fill="#0052B4"/>
+<path d="M12 16.1739C12 14.259 12 12 12 12H15.1305V13.5652C15.1305 13.8371 14.6087 14.8335 13.3209 15.6522C12.8332 15.9623 12.3283 16.062 12 16.1739Z" fill="#D80027"/>
+<path d="M8.86957 8.86957H12V12H8.86957V8.86957Z" fill="#D80027"/>
+<path d="M13.5652 7.82614C13.5652 7.24981 13.098 6.78265 12.5217 6.78265C12.3314 6.78265 12.1536 6.8344 12 6.92337C11.8464 6.8344 11.6686 6.78265 11.4783 6.78265C10.902 6.78265 10.4348 7.24981 10.4348 7.82614H7.82611V13.0435C7.82611 14.9858 9.36858 16.109 10.5782 16.6913C10.4877 16.8459 10.4348 17.0253 10.4348 17.2175C10.4348 17.7938 10.902 18.2609 11.4783 18.2609C11.6686 18.2609 11.8464 18.2092 12 18.1202C12.1536 18.2092 12.3314 18.2609 12.5217 18.2609C13.098 18.2609 13.5652 17.7938 13.5652 17.2175C13.5652 17.0253 13.5123 16.8459 13.4218 16.6913C14.6314 16.109 16.1739 14.9858 16.1739 13.0435V7.82614H13.5652ZM14.6087 13.0435C14.6087 13.3154 14.6087 14.1428 13.3209 14.9615C12.8332 15.2716 12.3283 15.4727 12 15.5845C11.6717 15.4727 11.1668 15.2716 10.6791 14.9615C9.39131 14.1428 9.39131 13.3154 9.39131 13.0435V9.39134H14.6087V13.0435Z" fill="#FF9811"/>
+</g>
+<defs>
+<clipPath id="clip0_43_811">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/angola.tsx

@@ -1,47 +1,40 @@
 import type { SVGProps } from "react";
 
+export interface AngolaProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Angola icon from flag category
  *
  * @example
- * <Angola className="w-6 h-6" />
- * <Angola width={24} height={24} />
+ * <Angola size={16} />
+ * <Angola size={32} className="text-primary" />
  */
-export const Angola = (props: SVGProps<SVGSVGElement>) => (
+export const Angola = ({ size = 16, ...props }: AngolaProps) => (
   <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_819)">
-      <path
-        d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z"
-        fill="#D80027"
-      />
-      <path
-        d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12"
-        fill="black"
-      />
-      <path
-        d="M10.3546 9.54432L11.3719 10.2826L10.9842 11.4783L12.0008 10.7388L13.0181 11.4771L12.629 10.2818L13.6454 9.54236L12.3885 9.5431L11.9993 8.34784L11.6116 9.54353L10.3546 9.54432Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M15 6.80387C14.0544 6.25791 13.0205 6.00024 12 6.00202V7.5669C12.7543 7.56554 13.5184 7.75585 14.2174 8.15945C16.3351 9.38213 17.0633 12.0998 15.8406 14.2175C14.6179 16.3352 11.9004 17.0634 9.7826 15.8407C9.16563 15.4845 8.66759 15.0009 8.30046 14.4427L6.99377 15.3054C7.49051 16.0605 8.16532 16.7143 9.00002 17.1961C11.8652 18.8504 15.5419 17.8652 17.1961 15C18.8503 12.1348 17.8652 8.45809 15 6.80387Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M8.5402 10.9565C8.12536 11.7149 8.40389 12.6661 9.16223 13.0809L14.2458 15.8587C13.9001 16.4907 14.0837 17.2598 14.7156 17.6055L16.0888 18.3567C16.7207 18.7024 17.5134 18.4703 17.8591 17.8384L18.6103 16.4652L8.5402 10.9565Z"
-        fill="#FFDA44"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_819">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z" fill="#D80027"/>
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12" fill="black"/>
+<path d="M10.3546 9.54432L11.3719 10.2826L10.9842 11.4783L12.0008 10.7388L13.0181 11.4771L12.629 10.2818L13.6454 9.54236L12.3885 9.5431L11.9993 8.34784L11.6116 9.54353L10.3546 9.54432Z" fill="#FFDA44"/>
+<path d="M15 6.80387C14.0544 6.25791 13.0205 6.00024 12 6.00202V7.5669C12.7543 7.56554 13.5184 7.75585 14.2174 8.15945C16.3351 9.38213 17.0633 12.0998 15.8406 14.2175C14.6179 16.3352 11.9004 17.0634 9.7826 15.8407C9.16563 15.4845 8.66759 15.0009 8.30046 14.4427L6.99377 15.3054C7.49051 16.0605 8.16532 16.7143 9.00002 17.1961C11.8652 18.8504 15.5419 17.8652 17.1961 15C18.8503 12.1348 17.8652 8.45809 15 6.80387Z" fill="#FFDA44"/>
+<path d="M8.5402 10.9565C8.12536 11.7149 8.40389 12.6661 9.16223 13.0809L14.2458 15.8587C13.9001 16.4907 14.0837 17.2598 14.7156 17.6055L16.0888 18.3567C16.7207 18.7024 17.5134 18.4703 17.8591 17.8384L18.6103 16.4652L8.5402 10.9565Z" fill="#FFDA44"/>
+</g>
+<defs>
+<clipPath id="clip0_43_819">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/anguilla.tsx

@@ -1,67 +1,45 @@
 import type { SVGProps } from "react";
 
+export interface AnguillaProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Anguilla icon from flag category
  *
  * @example
- * <Anguilla className="w-6 h-6" />
- * <Anguilla width={24} height={24} />
+ * <Anguilla size={16} />
+ * <Anguilla size={32} className="text-primary" />
  */
-export const Anguilla = (props: SVGProps<SVGSVGElement>) => (
+export const Anguilla = ({ size = 16, ...props }: AnguillaProps) => (
   <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_826)">
-      <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.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 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.63384 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.73649 6.26086H6.26086V6.26096L11.9999 12H12C12 12 12 10.9824 12 10.5243Z"
-        fill="#D80027"
-      />
-      <path
-        d="M20.294 13.7566C20.639 13.2818 20.8695 12.7021 20.8695 12V6.7826C20.4335 7.11016 19.8916 7.30432 19.3043 7.30432C18.4509 7.30432 17.6933 6.89449 17.2174 6.26093C16.7414 6.89449 15.9837 7.30432 15.1304 7.30432C14.543 7.30432 14.0012 7.11011 13.5652 6.78269V12C13.5652 12.7021 13.7957 13.2818 14.1407 13.7566H20.294Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M19.2087 11.0321C19.3748 10.6268 19.504 10.0344 19.504 9.73964C19.504 9.26597 18.8865 8.88202 18.8865 8.88202C18.8865 8.88202 18.2689 9.26597 18.2689 9.73964C18.2689 10.0345 18.3982 10.6268 18.5642 11.0321L18.2077 11.837C18.4172 11.9222 18.6463 11.9695 18.8865 11.9695C19.1267 11.9695 19.3557 11.9221 19.5653 11.837L19.2087 11.0321Z"
-        fill="#FF9811"
-      />
-      <path
-        d="M16.7951 8.42586C16.3612 8.48464 15.7835 8.6691 15.5283 8.81647C15.1181 9.05333 15.0942 9.78003 15.0942 9.78003C15.0942 9.78003 15.7356 10.1228 16.1457 9.88602C16.4011 9.7386 16.8494 9.3306 17.1172 8.9841L17.9927 8.89035C17.9617 8.66638 17.888 8.44433 17.768 8.23635C17.6478 8.02836 17.4925 7.85361 17.3139 7.71472L16.7951 8.42586Z"
-        fill="#FF9811"
-      />
-      <path
-        d="M15.745 11.8193C16.0128 12.1657 16.4612 12.5736 16.7166 12.7211C17.1268 12.9579 17.7681 12.6152 17.7681 12.6152C17.7681 12.6152 17.7442 11.8884 17.3341 11.6515C17.0786 11.5041 16.5011 11.3198 16.0671 11.2612L15.5484 10.5499C15.3698 10.6888 15.2144 10.8636 15.0942 11.0714C14.9742 11.2795 14.9007 11.5014 14.8696 11.7256L15.745 11.8193Z"
-        fill="#FF9811"
-      />
-      <path
-        d="M14.0117 13.5654C14.9861 15.1289 17.2174 15.6522 17.2174 15.6522C17.2174 15.6522 19.4486 15.1289 20.4231 13.5654H14.0117Z"
-        fill="#338AF3"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_826">
-        <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.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 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.63384 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.73649 6.26086H6.26086V6.26096L11.9999 12H12C12 12 12 10.9824 12 10.5243Z" fill="#D80027"/>
+<path d="M20.294 13.7566C20.639 13.2818 20.8695 12.7021 20.8695 12V6.7826C20.4335 7.11016 19.8916 7.30432 19.3043 7.30432C18.4509 7.30432 17.6933 6.89449 17.2174 6.26093C16.7414 6.89449 15.9837 7.30432 15.1304 7.30432C14.543 7.30432 14.0012 7.11011 13.5652 6.78269V12C13.5652 12.7021 13.7957 13.2818 14.1407 13.7566H20.294Z" fill="#F3F3F3"/>
+<path d="M19.2087 11.0321C19.3748 10.6268 19.504 10.0344 19.504 9.73964C19.504 9.26597 18.8865 8.88202 18.8865 8.88202C18.8865 8.88202 18.2689 9.26597 18.2689 9.73964C18.2689 10.0345 18.3982 10.6268 18.5642 11.0321L18.2077 11.837C18.4172 11.9222 18.6463 11.9695 18.8865 11.9695C19.1267 11.9695 19.3557 11.9221 19.5653 11.837L19.2087 11.0321Z" fill="#FF9811"/>
+<path d="M16.7951 8.42586C16.3612 8.48464 15.7835 8.6691 15.5283 8.81647C15.1181 9.05333 15.0942 9.78003 15.0942 9.78003C15.0942 9.78003 15.7356 10.1228 16.1457 9.88602C16.4011 9.7386 16.8494 9.3306 17.1172 8.9841L17.9927 8.89035C17.9617 8.66638 17.888 8.44433 17.768 8.23635C17.6478 8.02836 17.4925 7.85361 17.3139 7.71472L16.7951 8.42586Z" fill="#FF9811"/>
+<path d="M15.745 11.8193C16.0128 12.1657 16.4612 12.5736 16.7166 12.7211C17.1268 12.9579 17.7681 12.6152 17.7681 12.6152C17.7681 12.6152 17.7442 11.8884 17.3341 11.6515C17.0786 11.5041 16.5011 11.3198 16.0671 11.2612L15.5484 10.5499C15.3698 10.6888 15.2144 10.8636 15.0942 11.0714C14.9742 11.2795 14.9007 11.5014 14.8696 11.7256L15.745 11.8193Z" fill="#FF9811"/>
+<path d="M14.0117 13.5654C14.9861 15.1289 17.2174 15.6522 17.2174 15.6522C17.2174 15.6522 19.4486 15.1289 20.4231 13.5654H14.0117Z" fill="#338AF3"/>
+</g>
+<defs>
+<clipPath id="clip0_43_826">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/antigua-and-barbuda.tsx

@@ -1,51 +1,41 @@
 import type { SVGProps } from "react";
 
+export interface AntiguaAndBarbudaProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * AntiguaAndBarbuda icon from flag category
  *
  * @example
- * <AntiguaAndBarbuda className="w-6 h-6" />
- * <AntiguaAndBarbuda width={24} height={24} />
+ * <AntiguaAndBarbuda size={16} />
+ * <AntiguaAndBarbuda size={32} className="text-primary" />
  */
-export const AntiguaAndBarbuda = (props: SVGProps<SVGSVGElement>) => (
+export const AntiguaAndBarbuda = ({ size = 16, ...props }: AntiguaAndBarbudaProps) => (
   <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_841)">
-      <path
-        d="M0 12C0 12.822 0.082875 13.6246 0.240328 14.4L12 15.1305L23.7597 14.4C23.9172 13.6246 24 12.822 24 12C24 11.1781 23.9171 10.3755 23.7597 9.60002L12 8.86957L0.240328 9.60002C0.082875 10.3755 0 11.1781 0 12H0Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M23.7597 14.4H0.240356C1.35218 19.8774 6.19461 24 12 24C17.8055 24 22.6479 19.8774 23.7597 14.4Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M0.240356 9.6H23.7598C22.6479 4.12266 17.8055 0 12 0C6.19451 0 1.35218 4.12266 0.240356 9.6Z"
-        fill="black"
-      />
-      <path
-        d="M17.2174 9.59998H6.78265L8.91453 8.59714L7.77926 6.53253L10.0942 6.97527L10.3876 4.63672L12 6.35675L13.6125 4.63672L13.9058 6.97527L16.2208 6.53253L15.0856 8.59723L17.2174 9.59998Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M0 12C0 18.6274 5.37262 24 12 24L2.39981 4.79956C0.893062 6.80529 0 9.29825 0 12Z"
-        fill="#A2001D"
-      />
-      <path
-        d="M12 24C18.6274 24 24 18.6274 24 12C24 9.29825 23.1069 6.80529 21.6002 4.79956L12 24Z"
-        fill="#A2001D"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_841">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M0 12C0 12.822 0.082875 13.6246 0.240328 14.4L12 15.1305L23.7597 14.4C23.9172 13.6246 24 12.822 24 12C24 11.1781 23.9171 10.3755 23.7597 9.60002L12 8.86957L0.240328 9.60002C0.082875 10.3755 0 11.1781 0 12H0Z" fill="#0052B4"/>
+<path d="M23.7597 14.4H0.240356C1.35218 19.8774 6.19461 24 12 24C17.8055 24 22.6479 19.8774 23.7597 14.4Z" fill="#F0F0F0"/>
+<path d="M0.240356 9.6H23.7598C22.6479 4.12266 17.8055 0 12 0C6.19451 0 1.35218 4.12266 0.240356 9.6Z" fill="black"/>
+<path d="M17.2174 9.59998H6.78265L8.91453 8.59714L7.77926 6.53253L10.0942 6.97527L10.3876 4.63672L12 6.35675L13.6125 4.63672L13.9058 6.97527L16.2208 6.53253L15.0856 8.59723L17.2174 9.59998Z" fill="#FFDA44"/>
+<path d="M0 12C0 18.6274 5.37262 24 12 24L2.39981 4.79956C0.893062 6.80529 0 9.29825 0 12Z" fill="#A2001D"/>
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 9.29825 23.1069 6.80529 21.6002 4.79956L12 24Z" fill="#A2001D"/>
+</g>
+<defs>
+<clipPath id="clip0_43_841">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );