@brightlocal/icons 0.1.2 → 0.2.0

package/src/flag/philippines.tsx

@@ -1,55 +1,42 @@
 import type { SVGProps } from "react";
 
+export interface PhilippinesProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Philippines icon from flag category
  *
  * @example
- * <Philippines className="w-6 h-6" />
- * <Philippines width={24} height={24} />
+ * <Philippines size={16} />
+ * <Philippines size={32} className="text-primary" />
  */
-export const Philippines = (props: SVGProps<SVGSVGElement>) => (
+export const Philippines = ({ size = 16, ...props }: PhilippinesProps) => (
   <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_2225)">
-      <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 0V12L3.51468 20.4853C5.68626 22.6568 8.68626 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 12 0 12 0Z"
-        fill="#D80027"
-      />
-      <path
-        d="M12 0C8.68626 0 5.68626 1.34316 3.51468 3.51469C6.4589 6.45891 7.50407 7.50412 12 12H24C24 5.37262 18.6274 0 12 0Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M8.21677 12L6.75127 11.3107L7.53169 9.89135L5.94028 10.1958L5.73863 8.58813L4.63013 9.77051L3.52167 8.58813L3.31997 10.1958L1.72861 9.89131L2.50903 11.3107L1.04349 12L2.50903 12.6894L1.72861 14.1087L3.32011 13.8043L3.52163 15.4119L4.63013 14.2295L5.73863 15.4119L5.94028 13.8043L7.5316 14.1087L6.75122 12.6894L8.21677 12Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M3.2003 4.69568L3.68799 5.37738L4.48697 5.1243L3.98925 5.79874L4.47694 6.48044L3.68166 6.21555L3.18399 6.88994L3.19022 6.05182L2.39499 5.78688L3.19411 5.5338L3.2003 4.69568Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M3.2003 17.1101L3.68799 17.7918L4.48697 17.5387L3.98925 18.2132L4.47694 18.8949L3.68166 18.63L3.18399 19.3044L3.19022 18.4662L2.39499 18.2013L3.19411 17.9482L3.2003 17.1101Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M10.1562 10.9029L9.66857 11.5846L8.86954 11.3314L9.36726 12.0059L8.87957 12.6877L9.67485 12.4227L10.1726 13.0971L10.1663 12.259L10.9615 11.9941L10.1624 11.741L10.1562 10.9029Z"
-        fill="#FFDA44"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2225">
-        <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 0V12L3.51468 20.4853C5.68626 22.6568 8.68626 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 12 0 12 0Z" fill="#D80027"/>
+<path d="M12 0C8.68626 0 5.68626 1.34316 3.51468 3.51469C6.4589 6.45891 7.50407 7.50412 12 12H24C24 5.37262 18.6274 0 12 0Z" fill="#0052B4"/>
+<path d="M8.21677 12L6.75127 11.3107L7.53169 9.89135L5.94028 10.1958L5.73863 8.58813L4.63013 9.77051L3.52167 8.58813L3.31997 10.1958L1.72861 9.89131L2.50903 11.3107L1.04349 12L2.50903 12.6894L1.72861 14.1087L3.32011 13.8043L3.52163 15.4119L4.63013 14.2295L5.73863 15.4119L5.94028 13.8043L7.5316 14.1087L6.75122 12.6894L8.21677 12Z" fill="#FFDA44"/>
+<path d="M3.2003 4.69568L3.68799 5.37738L4.48697 5.1243L3.98925 5.79874L4.47694 6.48044L3.68166 6.21555L3.18399 6.88994L3.19022 6.05182L2.39499 5.78688L3.19411 5.5338L3.2003 4.69568Z" fill="#FFDA44"/>
+<path d="M3.2003 17.1101L3.68799 17.7918L4.48697 17.5387L3.98925 18.2132L4.47694 18.8949L3.68166 18.63L3.18399 19.3044L3.19022 18.4662L2.39499 18.2013L3.19411 17.9482L3.2003 17.1101Z" fill="#FFDA44"/>
+<path d="M10.1562 10.9029L9.66857 11.5846L8.86954 11.3314L9.36726 12.0059L8.87957 12.6877L9.67485 12.4227L10.1726 13.0971L10.1663 12.259L10.9615 11.9941L10.1624 11.741L10.1562 10.9029Z" fill="#FFDA44"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2225">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/pitcairn-islands.tsx

@@ -1,63 +1,44 @@
 import type { SVGProps } from "react";
 
+export interface PitcairnIslandsProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * PitcairnIslands icon from flag category
  *
  * @example
- * <PitcairnIslands className="w-6 h-6" />
- * <PitcairnIslands width={24} height={24} />
+ * <PitcairnIslands size={16} />
+ * <PitcairnIslands size={32} className="text-primary" />
  */
-export const PitcairnIslands = (props: SVGProps<SVGSVGElement>) => (
+export const PitcairnIslands = ({ size = 16, ...props }: PitcairnIslandsProps) => (
   <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_2234)">
-      <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.07103 1.56519C4.1942 2.63389 2.63387 4.19417 1.56522 6.071V12H4.69567V4.69573V4.69564H12C12 3.70831 12 2.76772 12 1.56519H6.07103Z"
-        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="M18.7826 7.30437L17.2174 7.82613L15.6522 7.30437L15.1304 6.00002L15.6522 4.69568H18.7826L18.2608 6.00002L18.7826 7.30437Z"
-        fill="#ACABB1"
-      />
-      <path
-        d="M13.5652 7.30432V13.0434C13.5652 15.839 17.2174 16.6956 17.2174 16.6956C17.2174 16.6956 20.8695 15.839 20.8695 13.0434V7.30432H13.5652Z"
-        fill="#338AF3"
-      />
-      <path
-        d="M13.8945 14.4031C14.7922 16.1266 17.2174 16.6956 17.2174 16.6956C17.2174 16.6956 19.6427 16.1266 20.5404 14.4031L17.2174 8.86957L13.8945 14.4031Z"
-        fill="#6DA544"
-      />
-      <path
-        d="M20.8695 12.9854L17.2174 7.30432L13.5652 12.9855V13.0434C13.5652 13.5608 13.6905 14.0117 13.8944 14.4031L17.2174 9.23393L20.5403 14.403C20.7442 14.0116 20.8695 13.5608 20.8695 13.0434V12.9854Z"
-        fill="#FFDA44"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2234">
-        <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.07103 1.56519C4.1942 2.63389 2.63387 4.19417 1.56522 6.071V12H4.69567V4.69573V4.69564H12C12 3.70831 12 2.76772 12 1.56519H6.07103Z" 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="M18.7826 7.30437L17.2174 7.82613L15.6522 7.30437L15.1304 6.00002L15.6522 4.69568H18.7826L18.2608 6.00002L18.7826 7.30437Z" fill="#ACABB1"/>
+<path d="M13.5652 7.30432V13.0434C13.5652 15.839 17.2174 16.6956 17.2174 16.6956C17.2174 16.6956 20.8695 15.839 20.8695 13.0434V7.30432H13.5652Z" fill="#338AF3"/>
+<path d="M13.8945 14.4031C14.7922 16.1266 17.2174 16.6956 17.2174 16.6956C17.2174 16.6956 19.6427 16.1266 20.5404 14.4031L17.2174 8.86957L13.8945 14.4031Z" fill="#6DA544"/>
+<path d="M20.8695 12.9854L17.2174 7.30432L13.5652 12.9855V13.0434C13.5652 13.5608 13.6905 14.0117 13.8944 14.4031L17.2174 9.23393L20.5403 14.403C20.7442 14.0116 20.8695 13.5608 20.8695 13.0434V12.9854Z" fill="#FFDA44"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2234">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/poland.tsx

@@ -1,35 +1,37 @@
 import type { SVGProps } from "react";
 
+export interface PolandProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Poland icon from flag category
  *
  * @example
- * <Poland className="w-6 h-6" />
- * <Poland width={24} height={24} />
+ * <Poland size={16} />
+ * <Poland size={32} className="text-primary" />
  */
-export const Poland = (props: SVGProps<SVGSVGElement>) => (
+export const Poland = ({ size = 16, ...props }: PolandProps) => (
   <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_2247)">
-      <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 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12"
-        fill="#D80027"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2247">
-        <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 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12" fill="#D80027"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2247">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/portugal.tsx

@@ -1,47 +1,40 @@
 import type { SVGProps } from "react";
 
+export interface PortugalProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Portugal icon from flag category
  *
  * @example
- * <Portugal className="w-6 h-6" />
- * <Portugal width={24} height={24} />
+ * <Portugal size={16} />
+ * <Portugal size={32} className="text-primary" />
  */
-export const Portugal = (props: SVGProps<SVGSVGElement>) => (
+export const Portugal = ({ size = 16, ...props }: PortugalProps) => (
   <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_2250)">
-      <path
-        d="M0 12C0 17.1595 3.2565 21.5581 7.82602 23.2536L8.86955 12L7.82602 0.746399C3.2565 2.44196 0 6.84043 0 12Z"
-        fill="#6DA544"
-      />
-      <path
-        d="M24 12C24 5.37262 18.6273 0 12 0C10.5321 0 9.12602 0.264047 7.82599 0.746391V23.2536C9.12602 23.736 10.5321 24 12 24C18.6273 24 24 18.6274 24 12Z"
-        fill="#D80027"
-      />
-      <path
-        d="M7.82611 16.1739C10.1313 16.1739 12 14.3052 12 12C12 9.69483 10.1313 7.82611 7.82611 7.82611C5.52094 7.82611 3.65222 9.69483 3.65222 12C3.65222 14.3052 5.52094 16.1739 7.82611 16.1739Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M5.47827 9.91302V12.5217C5.47827 13.8184 6.5294 14.8695 7.8261 14.8695C9.1228 14.8695 10.1739 13.8184 10.1739 12.5217V9.91302H5.47827Z"
-        fill="#D80027"
-      />
-      <path
-        d="M7.82608 13.3043C7.39455 13.3043 7.04346 12.9532 7.04346 12.5217V11.4783H8.60866V12.5218C8.60866 12.9532 8.25757 13.3043 7.82608 13.3043Z"
-        fill="#F0F0F0"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2250">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M0 12C0 17.1595 3.2565 21.5581 7.82602 23.2536L8.86955 12L7.82602 0.746399C3.2565 2.44196 0 6.84043 0 12Z" fill="#6DA544"/>
+<path d="M24 12C24 5.37262 18.6273 0 12 0C10.5321 0 9.12602 0.264047 7.82599 0.746391V23.2536C9.12602 23.736 10.5321 24 12 24C18.6273 24 24 18.6274 24 12Z" fill="#D80027"/>
+<path d="M7.82611 16.1739C10.1313 16.1739 12 14.3052 12 12C12 9.69483 10.1313 7.82611 7.82611 7.82611C5.52094 7.82611 3.65222 9.69483 3.65222 12C3.65222 14.3052 5.52094 16.1739 7.82611 16.1739Z" fill="#FFDA44"/>
+<path d="M5.47827 9.91302V12.5217C5.47827 13.8184 6.5294 14.8695 7.8261 14.8695C9.1228 14.8695 10.1739 13.8184 10.1739 12.5217V9.91302H5.47827Z" fill="#D80027"/>
+<path d="M7.82608 13.3043C7.39455 13.3043 7.04346 12.9532 7.04346 12.5217V11.4783H8.60866V12.5218C8.60866 12.9532 8.25757 13.3043 7.82608 13.3043Z" fill="#F0F0F0"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2250">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/puerto-rico.tsx

@@ -1,51 +1,41 @@
 import type { SVGProps } from "react";
 
+export interface PuertoRicoProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * PuertoRico icon from flag category
  *
  * @example
- * <PuertoRico className="w-6 h-6" />
- * <PuertoRico width={24} height={24} />
+ * <PuertoRico size={16} />
+ * <PuertoRico size={32} className="text-primary" />
  */
-export const PuertoRico = (props: SVGProps<SVGSVGElement>) => (
+export const PuertoRico = ({ size = 16, ...props }: PuertoRicoProps) => (
   <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_2256)">
-      <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 0C8.07412 0 4.58872 1.88545 2.39948 4.8H21.6005C19.4113 1.88545 15.9259 0 12 0Z"
-        fill="#D80027"
-      />
-      <path
-        d="M12 24C15.9259 24 19.4113 22.1146 21.6005 19.2H2.39948C4.58872 22.1146 8.07412 24 12 24Z"
-        fill="#D80027"
-      />
-      <path
-        d="M0 12C0 12.8219 0.082875 13.6245 0.240328 14.4H23.7598C23.9172 13.6245 24 12.8219 24 12C24 11.178 23.9171 10.3754 23.7597 9.59998H0.240328C0.082875 10.3754 0 11.178 0 12H0Z"
-        fill="#D80027"
-      />
-      <path
-        d="M3.51471 3.51471C-1.17157 8.20099 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51471Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M4.8567 8.86957L5.63365 11.2609H8.14831L6.11403 12.739L6.89094 15.1305L4.8567 13.6525L2.82237 15.1305L3.59947 12.739L1.56519 11.2609H4.07965L4.8567 8.86957Z"
-        fill="#F0F0F0"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2256">
-        <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 0C8.07412 0 4.58872 1.88545 2.39948 4.8H21.6005C19.4113 1.88545 15.9259 0 12 0Z" fill="#D80027"/>
+<path d="M12 24C15.9259 24 19.4113 22.1146 21.6005 19.2H2.39948C4.58872 22.1146 8.07412 24 12 24Z" fill="#D80027"/>
+<path d="M0 12C0 12.8219 0.082875 13.6245 0.240328 14.4H23.7598C23.9172 13.6245 24 12.8219 24 12C24 11.178 23.9171 10.3754 23.7597 9.59998H0.240328C0.082875 10.3754 0 11.178 0 12H0Z" fill="#D80027"/>
+<path d="M3.51471 3.51471C-1.17157 8.20099 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51471Z" fill="#0052B4"/>
+<path d="M4.8567 8.86957L5.63365 11.2609H8.14831L6.11403 12.739L6.89094 15.1305L4.8567 13.6525L2.82237 15.1305L3.59947 12.739L1.56519 11.2609H4.07965L4.8567 8.86957Z" fill="#F0F0F0"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2256">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/qatar.tsx

@@ -1,35 +1,37 @@
 import type { SVGProps } from "react";
 
+export interface QatarProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Qatar icon from flag category
  *
  * @example
- * <Qatar className="w-6 h-6" />
- * <Qatar width={24} height={24} />
+ * <Qatar size={16} />
+ * <Qatar size={32} className="text-primary" />
  */
-export const Qatar = (props: SVGProps<SVGSVGElement>) => (
+export const Qatar = ({ size = 16, ...props }: QatarProps) => (
   <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_2264)">
-      <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 5.37262 18.6274 0 12 0C9.65252 0 7.4628 0.674766 5.61321 1.83989L8.24351 2.95744L4.69568 4.46484L8.24351 5.9722L4.69568 7.47952L8.24351 8.98678L4.69568 10.4939L8.24351 12.0008L4.69568 13.5082L8.24351 15.0154L4.69568 16.5225L8.24351 18.0297L4.69568 19.537L8.24351 21.0441L5.61438 22.161C7.46374 23.3256 9.65299 24 12 24C18.6274 24 24 18.6274 24 12Z"
-        fill="#751A46"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2264">
-        <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 5.37262 18.6274 0 12 0C9.65252 0 7.4628 0.674766 5.61321 1.83989L8.24351 2.95744L4.69568 4.46484L8.24351 5.9722L4.69568 7.47952L8.24351 8.98678L4.69568 10.4939L8.24351 12.0008L4.69568 13.5082L8.24351 15.0154L4.69568 16.5225L8.24351 18.0297L4.69568 19.537L8.24351 21.0441L5.61438 22.161C7.46374 23.3256 9.65299 24 12 24C18.6274 24 24 18.6274 24 12Z" fill="#751A46"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2264">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/rapa-nui.tsx

@@ -1,35 +1,37 @@
 import type { SVGProps } from "react";
 
+export interface RapaNuiProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * RapaNui icon from flag category
  *
  * @example
- * <RapaNui className="w-6 h-6" />
- * <RapaNui width={24} height={24} />
+ * <RapaNui size={16} />
+ * <RapaNui size={32} className="text-primary" />
  */
-export const RapaNui = (props: SVGProps<SVGSVGElement>) => (
+export const RapaNui = ({ size = 16, ...props }: RapaNuiProps) => (
   <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_2267)">
-      <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="#FCFCFC"
-      />
-      <path
-        d="M15.6522 9.91302V10.9565H17.0843C16.4867 11.7871 15.6906 12.4652 14.7656 12.9218C14.5284 12.6753 14.1952 12.5217 13.8261 12.5217C13.2038 12.5217 12.6837 12.9576 12.5534 13.5407C12.3711 13.5567 12.1865 13.5652 12 13.5652C11.8135 13.5652 11.629 13.5566 11.4466 13.5407C11.3163 12.9577 10.7962 12.5217 10.174 12.5217C9.80482 12.5217 9.47177 12.6753 9.2344 12.9218C8.30946 12.4653 7.51343 11.7871 6.91577 10.9565H8.34785V9.91302H4.69568C4.69568 13.947 7.96601 17.2174 12 17.2174C16.0341 17.2174 19.3044 13.947 19.3044 9.91302H15.6522Z"
-        fill="#D80027"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2267">
-        <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="#FCFCFC"/>
+<path d="M15.6522 9.91302V10.9565H17.0843C16.4867 11.7871 15.6906 12.4652 14.7656 12.9218C14.5284 12.6753 14.1952 12.5217 13.8261 12.5217C13.2038 12.5217 12.6837 12.9576 12.5534 13.5407C12.3711 13.5567 12.1865 13.5652 12 13.5652C11.8135 13.5652 11.629 13.5566 11.4466 13.5407C11.3163 12.9577 10.7962 12.5217 10.174 12.5217C9.80482 12.5217 9.47177 12.6753 9.2344 12.9218C8.30946 12.4653 7.51343 11.7871 6.91577 10.9565H8.34785V9.91302H4.69568C4.69568 13.947 7.96601 17.2174 12 17.2174C16.0341 17.2174 19.3044 13.947 19.3044 9.91302H15.6522Z" fill="#D80027"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2267">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/republic-of-macedonia.tsx

@@ -1,71 +1,46 @@
 import type { SVGProps } from "react";
 
+export interface RepublicOfMacedoniaProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * RepublicOfMacedonia icon from flag category
  *
  * @example
- * <RepublicOfMacedonia className="w-6 h-6" />
- * <RepublicOfMacedonia width={24} height={24} />
+ * <RepublicOfMacedonia size={16} />
+ * <RepublicOfMacedonia size={32} className="text-primary" />
  */
-export const RepublicOfMacedonia = (props: SVGProps<SVGSVGElement>) => (
+export const RepublicOfMacedonia = ({ size = 16, ...props }: RepublicOfMacedoniaProps) => (
   <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_2270)">
-      <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="M13.8249 23.862C15.7766 23.5643 17.5732 22.7957 19.0963 21.6768L12 12L13.8249 23.862Z"
-        fill="#D80027"
-      />
-      <path
-        d="M10.175 0.137939C8.22338 0.435689 6.42684 1.20425 4.90359 2.32311L12 12L10.175 0.137939Z"
-        fill="#D80027"
-      />
-      <path
-        d="M4.90359 21.6768C6.42675 22.7957 8.22328 23.5643 10.1749 23.8621L12 12L4.90359 21.6768Z"
-        fill="#D80027"
-      />
-      <path
-        d="M2.32311 4.90356C1.20421 6.42681 0.435736 8.2233 0.137939 10.175L12 12L2.32311 4.90356Z"
-        fill="#D80027"
-      />
-      <path
-        d="M0.137939 13.8249C0.435689 15.7766 1.20425 17.5732 2.32316 19.0963L12 12L0.137939 13.8249Z"
-        fill="#D80027"
-      />
-      <path
-        d="M23.862 10.175C23.5642 8.22336 22.7957 6.42683 21.6768 4.90363L12 12L23.862 10.175Z"
-        fill="#D80027"
-      />
-      <path
-        d="M19.0963 2.32306C17.5731 1.20421 15.7766 0.435689 13.8249 0.137939L12 12L19.0963 2.32306Z"
-        fill="#D80027"
-      />
-      <path
-        d="M21.6769 19.0964C22.7958 17.5732 23.5643 15.7766 23.8621 13.825L12 12L21.6769 19.0964Z"
-        fill="#D80027"
-      />
-      <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="#D80027"
-      />
-      <path
-        d="M12 15.1305C13.7289 15.1305 15.1305 13.7289 15.1305 12C15.1305 10.2711 13.7289 8.86957 12 8.86957C10.2711 8.86957 8.86957 10.2711 8.86957 12C8.86957 13.7289 10.2711 15.1305 12 15.1305Z"
-        fill="#FFDA44"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_2270">
-        <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="M13.8249 23.862C15.7766 23.5643 17.5732 22.7957 19.0963 21.6768L12 12L13.8249 23.862Z" fill="#D80027"/>
+<path d="M10.175 0.137939C8.22338 0.435689 6.42684 1.20425 4.90359 2.32311L12 12L10.175 0.137939Z" fill="#D80027"/>
+<path d="M4.90359 21.6768C6.42675 22.7957 8.22328 23.5643 10.1749 23.8621L12 12L4.90359 21.6768Z" fill="#D80027"/>
+<path d="M2.32311 4.90356C1.20421 6.42681 0.435736 8.2233 0.137939 10.175L12 12L2.32311 4.90356Z" fill="#D80027"/>
+<path d="M0.137939 13.8249C0.435689 15.7766 1.20425 17.5732 2.32316 19.0963L12 12L0.137939 13.8249Z" fill="#D80027"/>
+<path d="M23.862 10.175C23.5642 8.22336 22.7957 6.42683 21.6768 4.90363L12 12L23.862 10.175Z" fill="#D80027"/>
+<path d="M19.0963 2.32306C17.5731 1.20421 15.7766 0.435689 13.8249 0.137939L12 12L19.0963 2.32306Z" fill="#D80027"/>
+<path d="M21.6769 19.0964C22.7958 17.5732 23.5643 15.7766 23.8621 13.825L12 12L21.6769 19.0964Z" fill="#D80027"/>
+<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="#D80027"/>
+<path d="M12 15.1305C13.7289 15.1305 15.1305 13.7289 15.1305 12C15.1305 10.2711 13.7289 8.86957 12 8.86957C10.2711 8.86957 8.86957 10.2711 8.86957 12C8.86957 13.7289 10.2711 15.1305 12 15.1305Z" fill="#FFDA44"/>
+</g>
+<defs>
+<clipPath id="clip0_43_2270">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );