@brightlocal/icons 0.1.2 → 0.2.0

package/src/flag/malta.tsx

@@ -1,39 +1,38 @@
 import type { SVGProps } from "react";
 
+export interface MaltaProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Malta icon from flag category
  *
  * @example
- * <Malta className="w-6 h-6" />
- * <Malta width={24} height={24} />
+ * <Malta size={16} />
+ * <Malta size={32} className="text-primary" />
  */
-export const Malta = (props: SVGProps<SVGSVGElement>) => (
+export const Malta = ({ size = 16, ...props }: MaltaProps) => (
   <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_1913)">
-      <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 0C18.6274 0 24 5.37262 24 12C24 18.6274 18.6274 24 12 24"
-        fill="#D80027"
-      />
-      <path
-        d="M8.34783 4.69564V3.13043H6.78263V4.69564H5.21738V6.26084H6.78263V7.82609H8.34783V6.26084H9.91303V4.69564H8.34783Z"
-        fill="#ACABB1"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1913">
-        <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 0C18.6274 0 24 5.37262 24 12C24 18.6274 18.6274 24 12 24" fill="#D80027"/>
+<path d="M8.34783 4.69564V3.13043H6.78263V4.69564H5.21738V6.26084H6.78263V7.82609H8.34783V6.26084H9.91303V4.69564H8.34783Z" fill="#ACABB1"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1913">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/marshall-island.tsx

@@ -1,43 +1,39 @@
 import type { SVGProps } from "react";
 
+export interface MarshallIslandProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * MarshallIsland icon from flag category
  *
  * @example
- * <MarshallIsland className="w-6 h-6" />
- * <MarshallIsland width={24} height={24} />
+ * <MarshallIsland size={16} />
+ * <MarshallIsland size={32} className="text-primary" />
  */
-export const MarshallIsland = (props: SVGProps<SVGSVGElement>) => (
+export const MarshallIsland = ({ size = 16, ...props }: MarshallIslandProps) => (
   <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_1917)">
-      <path
-        d="M12 24C18.6274 24 24 18.6274 24 12C24 9.98611 23.5031 8.08847 22.6265 6.42188L11.9859 12.0141L17.5781 1.37353C15.9115 0.496875 14.0139 0 12 0C5.37262 0 0 5.37262 0 12C0 15.3137 1.34316 18.3137 3.51469 20.4853C5.68627 22.6569 8.68627 24 12 24Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M22.6138 6.43496C22.0645 5.38946 21.3504 4.40785 20.4713 3.52876C19.5922 2.64967 18.6107 1.93553 17.5651 1.38629L3.50067 20.4993L22.6138 6.43496Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M3.50067 20.4993L22.6138 6.43495C22.0645 5.38945 21.3504 4.40784 20.4713 3.52875L3.50067 20.4993Z"
-        fill="#FF9811"
-      />
-      <path
-        d="M10.4207 7.037L8.95519 7.72634L9.73561 9.14572L8.1442 8.84126L7.94255 10.4489L6.83405 9.26647L5.72555 10.4489L5.52398 8.84126L3.93258 9.14562L4.71291 7.7263L3.24741 7.037L4.71295 6.34761L3.93258 4.92833L5.52389 5.23269L5.72559 3.62506L6.83405 4.80748L7.94255 3.62506L8.1442 5.23269L9.73566 4.92833L8.95523 6.34765L10.4207 7.037Z"
-        fill="#F0F0F0"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1917">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 9.98611 23.5031 8.08847 22.6265 6.42188L11.9859 12.0141L17.5781 1.37353C15.9115 0.496875 14.0139 0 12 0C5.37262 0 0 5.37262 0 12C0 15.3137 1.34316 18.3137 3.51469 20.4853C5.68627 22.6569 8.68627 24 12 24Z" fill="#0052B4"/>
+<path d="M22.6138 6.43496C22.0645 5.38946 21.3504 4.40785 20.4713 3.52876C19.5922 2.64967 18.6107 1.93553 17.5651 1.38629L3.50067 20.4993L22.6138 6.43496Z" fill="#F0F0F0"/>
+<path d="M3.50067 20.4993L22.6138 6.43495C22.0645 5.38945 21.3504 4.40784 20.4713 3.52875L3.50067 20.4993Z" fill="#FF9811"/>
+<path d="M10.4207 7.037L8.95519 7.72634L9.73561 9.14572L8.1442 8.84126L7.94255 10.4489L6.83405 9.26647L5.72555 10.4489L5.52398 8.84126L3.93258 9.14562L4.71291 7.7263L3.24741 7.037L4.71295 6.34761L3.93258 4.92833L5.52389 5.23269L5.72559 3.62506L6.83405 4.80748L7.94255 3.62506L8.1442 5.23269L9.73566 4.92833L8.95523 6.34765L10.4207 7.037Z" fill="#F0F0F0"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1917">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/martinique.tsx

@@ -1,63 +1,44 @@
 import type { SVGProps } from "react";
 
+export interface MartiniqueProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Martinique icon from flag category
  *
  * @example
- * <Martinique className="w-6 h-6" />
- * <Martinique width={24} height={24} />
+ * <Martinique size={16} />
+ * <Martinique size={32} className="text-primary" />
  */
-export const Martinique = (props: SVGProps<SVGSVGElement>) => (
+export const Martinique = ({ size = 16, ...props }: MartiniqueProps) => (
   <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_1922)">
-      <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.8971 10.4347C23.5661 7.90414 22.4294 5.45886 20.4852 3.51472C18.5411 1.57058 16.0958 0.433814 13.5652 0.102783L13.5652 10.4347H23.8971Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M10.4347 0.102783C7.90414 0.433814 5.45881 1.57053 3.51467 3.51467C1.57058 5.45886 0.433814 7.90419 0.102783 10.4348L10.4348 10.4348L10.4347 0.102783Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M0.102783 13.5652C0.433814 16.0958 1.57058 18.5412 3.51467 20.4853C5.45881 22.4294 7.9041 23.5661 10.4348 23.8973L10.4347 13.5653L0.102783 13.5652Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M13.5652 23.8972C16.0958 23.5661 18.5411 22.4294 20.4853 20.4853C22.4294 18.5411 23.5661 16.0958 23.8972 13.5652H13.5652V23.8972Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M16.0963 7.61428C16.0963 7.45472 16.226 7.32502 16.3856 7.32502H17.0055C17.9854 7.32502 18.7826 6.52786 18.7826 5.54803C18.7826 4.56821 17.9854 3.771 17.0055 3.771H16.4168C16.2247 3.62667 15.9669 3.53766 15.6826 3.53766C15.0895 3.53766 14.6087 3.92227 14.6087 4.39674C14.6087 4.86661 15.0803 5.2478 15.6655 5.25521L15.6652 5.25863H17.0055C17.1651 5.25863 17.2948 5.38838 17.2948 5.54794C17.2948 5.7075 17.1651 5.83721 17.0055 5.83721H16.3856C15.4058 5.83721 14.6086 6.63436 14.6086 7.61419C14.6086 8.59402 15.4057 9.39122 16.3856 9.39122H18.7825V7.9035H16.3856C16.226 7.90355 16.0963 7.77385 16.0963 7.61428Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M6.70509 7.61428C6.70509 7.45472 6.8348 7.32502 6.99441 7.32502H7.61428C8.59416 7.32502 9.39136 6.52786 9.39136 5.54803C9.39136 4.56821 8.5942 3.771 7.61428 3.771H7.02562C6.83348 3.62667 6.57572 3.53766 6.29137 3.53766C5.69827 3.53766 5.21747 3.92227 5.21747 4.39674C5.21747 4.86661 5.68908 5.2478 6.27427 5.25521L6.27398 5.25863H7.61433C7.77394 5.25863 7.90364 5.38838 7.90364 5.54794C7.90364 5.7075 7.77394 5.83721 7.61433 5.83721H6.99445C6.01458 5.83721 5.21747 6.63436 5.21747 7.61419C5.21747 8.59402 6.01453 9.39122 6.99445 9.39122H9.39131V7.9035H6.99441C6.8348 7.90355 6.70509 7.77385 6.70509 7.61428Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M16.0964 18.6853C16.0964 18.5258 16.2261 18.3961 16.3857 18.3961H17.0055C17.9854 18.3961 18.7826 17.5989 18.7826 16.6191C18.7826 15.6393 17.9855 14.842 17.0055 14.842H16.4169C16.2248 14.6977 15.967 14.6087 15.6826 14.6087C15.0895 14.6087 14.6087 14.9934 14.6087 15.4678C14.6087 15.9377 15.0803 16.3188 15.6655 16.3263L15.6652 16.3297H17.0055C17.1651 16.3297 17.2948 16.4594 17.2948 16.619C17.2948 16.7785 17.1651 16.9083 17.0055 16.9083H16.3856C15.4058 16.9083 14.6086 17.7054 14.6086 18.6852C14.6086 19.6651 15.4057 20.4623 16.3856 20.4623H18.7826V18.9746H16.3857C16.2261 18.9746 16.0964 18.8448 16.0964 18.6853Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M6.70508 18.6853C6.70508 18.5258 6.83478 18.3961 6.99439 18.3961H7.61427C8.59414 18.3961 9.39134 17.5989 9.39134 16.6191C9.39134 15.6393 8.59419 14.842 7.61427 14.842H7.02561C6.83347 14.6977 6.5757 14.6087 6.29136 14.6087C5.6982 14.6087 5.21741 14.9934 5.21741 15.4678C5.21741 15.9377 5.68902 16.3188 6.2742 16.3263L6.27392 16.3297H7.61427C7.77388 16.3297 7.90358 16.4594 7.90358 16.619C7.90358 16.7785 7.77388 16.9083 7.61427 16.9083H6.99439C6.01452 16.9083 5.21741 17.7054 5.21741 18.6852C5.21741 19.6651 6.01447 20.4623 6.99439 20.4623H9.3913V18.9746H6.99439C6.83478 18.9746 6.70508 18.8448 6.70508 18.6853Z"
-        fill="#F0F0F0"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1922">
-        <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.8971 10.4347C23.5661 7.90414 22.4294 5.45886 20.4852 3.51472C18.5411 1.57058 16.0958 0.433814 13.5652 0.102783L13.5652 10.4347H23.8971Z" fill="#0052B4"/>
+<path d="M10.4347 0.102783C7.90414 0.433814 5.45881 1.57053 3.51467 3.51467C1.57058 5.45886 0.433814 7.90419 0.102783 10.4348L10.4348 10.4348L10.4347 0.102783Z" fill="#0052B4"/>
+<path d="M0.102783 13.5652C0.433814 16.0958 1.57058 18.5412 3.51467 20.4853C5.45881 22.4294 7.9041 23.5661 10.4348 23.8973L10.4347 13.5653L0.102783 13.5652Z" fill="#0052B4"/>
+<path d="M13.5652 23.8972C16.0958 23.5661 18.5411 22.4294 20.4853 20.4853C22.4294 18.5411 23.5661 16.0958 23.8972 13.5652H13.5652V23.8972Z" fill="#0052B4"/>
+<path d="M16.0963 7.61428C16.0963 7.45472 16.226 7.32502 16.3856 7.32502H17.0055C17.9854 7.32502 18.7826 6.52786 18.7826 5.54803C18.7826 4.56821 17.9854 3.771 17.0055 3.771H16.4168C16.2247 3.62667 15.9669 3.53766 15.6826 3.53766C15.0895 3.53766 14.6087 3.92227 14.6087 4.39674C14.6087 4.86661 15.0803 5.2478 15.6655 5.25521L15.6652 5.25863H17.0055C17.1651 5.25863 17.2948 5.38838 17.2948 5.54794C17.2948 5.7075 17.1651 5.83721 17.0055 5.83721H16.3856C15.4058 5.83721 14.6086 6.63436 14.6086 7.61419C14.6086 8.59402 15.4057 9.39122 16.3856 9.39122H18.7825V7.9035H16.3856C16.226 7.90355 16.0963 7.77385 16.0963 7.61428Z" fill="#F0F0F0"/>
+<path d="M6.70509 7.61428C6.70509 7.45472 6.8348 7.32502 6.99441 7.32502H7.61428C8.59416 7.32502 9.39136 6.52786 9.39136 5.54803C9.39136 4.56821 8.5942 3.771 7.61428 3.771H7.02562C6.83348 3.62667 6.57572 3.53766 6.29137 3.53766C5.69827 3.53766 5.21747 3.92227 5.21747 4.39674C5.21747 4.86661 5.68908 5.2478 6.27427 5.25521L6.27398 5.25863H7.61433C7.77394 5.25863 7.90364 5.38838 7.90364 5.54794C7.90364 5.7075 7.77394 5.83721 7.61433 5.83721H6.99445C6.01458 5.83721 5.21747 6.63436 5.21747 7.61419C5.21747 8.59402 6.01453 9.39122 6.99445 9.39122H9.39131V7.9035H6.99441C6.8348 7.90355 6.70509 7.77385 6.70509 7.61428Z" fill="#F0F0F0"/>
+<path d="M16.0964 18.6853C16.0964 18.5258 16.2261 18.3961 16.3857 18.3961H17.0055C17.9854 18.3961 18.7826 17.5989 18.7826 16.6191C18.7826 15.6393 17.9855 14.842 17.0055 14.842H16.4169C16.2248 14.6977 15.967 14.6087 15.6826 14.6087C15.0895 14.6087 14.6087 14.9934 14.6087 15.4678C14.6087 15.9377 15.0803 16.3188 15.6655 16.3263L15.6652 16.3297H17.0055C17.1651 16.3297 17.2948 16.4594 17.2948 16.619C17.2948 16.7785 17.1651 16.9083 17.0055 16.9083H16.3856C15.4058 16.9083 14.6086 17.7054 14.6086 18.6852C14.6086 19.6651 15.4057 20.4623 16.3856 20.4623H18.7826V18.9746H16.3857C16.2261 18.9746 16.0964 18.8448 16.0964 18.6853Z" fill="#F0F0F0"/>
+<path d="M6.70508 18.6853C6.70508 18.5258 6.83478 18.3961 6.99439 18.3961H7.61427C8.59414 18.3961 9.39134 17.5989 9.39134 16.6191C9.39134 15.6393 8.59419 14.842 7.61427 14.842H7.02561C6.83347 14.6977 6.5757 14.6087 6.29136 14.6087C5.6982 14.6087 5.21741 14.9934 5.21741 15.4678C5.21741 15.9377 5.68902 16.3188 6.2742 16.3263L6.27392 16.3297H7.61427C7.77388 16.3297 7.90358 16.4594 7.90358 16.619C7.90358 16.7785 7.77388 16.9083 7.61427 16.9083H6.99439C6.01452 16.9083 5.21741 17.7054 5.21741 18.6852C5.21741 19.6651 6.01447 20.4623 6.99439 20.4623H9.3913V18.9746H6.99439C6.83478 18.9746 6.70508 18.8448 6.70508 18.6853Z" fill="#F0F0F0"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1922">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/mauritania.tsx

@@ -1,39 +1,38 @@
 import type { SVGProps } from "react";
 
+export interface MauritaniaProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Mauritania icon from flag category
  *
  * @example
- * <Mauritania className="w-6 h-6" />
- * <Mauritania width={24} height={24} />
+ * <Mauritania size={16} />
+ * <Mauritania size={32} className="text-primary" />
  */
-export const Mauritania = (props: SVGProps<SVGSVGElement>) => (
+export const Mauritania = ({ size = 16, ...props }: MauritaniaProps) => (
   <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_1934)">
-      <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="#496E2D"
-      />
-      <path
-        d="M12 13.8634C10.0019 13.8634 8.33269 12.4591 7.92314 10.5838C7.86024 10.8721 7.82611 11.1711 7.82611 11.4783C7.82611 13.7835 9.69478 15.6522 12 15.6522C14.3052 15.6522 16.1739 13.7835 16.1739 11.4783C16.1739 11.1711 16.1398 10.8721 16.0769 10.5838C15.6673 12.4591 13.9981 13.8634 12 13.8634Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M12 8.34784L12.3885 9.54357H13.6458L12.6287 10.2826L13.0172 11.4783L12 10.7393L10.9828 11.4783L11.3714 10.2826L10.3542 9.54357H11.6115L12 8.34784Z"
-        fill="#FFDA44"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1934">
-        <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="#496E2D"/>
+<path d="M12 13.8634C10.0019 13.8634 8.33269 12.4591 7.92314 10.5838C7.86024 10.8721 7.82611 11.1711 7.82611 11.4783C7.82611 13.7835 9.69478 15.6522 12 15.6522C14.3052 15.6522 16.1739 13.7835 16.1739 11.4783C16.1739 11.1711 16.1398 10.8721 16.0769 10.5838C15.6673 12.4591 13.9981 13.8634 12 13.8634Z" fill="#FFDA44"/>
+<path d="M12 8.34784L12.3885 9.54357H13.6458L12.6287 10.2826L13.0172 11.4783L12 10.7393L10.9828 11.4783L11.3714 10.2826L10.3542 9.54357H11.6115L12 8.34784Z" fill="#FFDA44"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1934">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/mauritius.tsx

@@ -1,43 +1,39 @@
 import type { SVGProps } from "react";
 
+export interface MauritiusProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Mauritius icon from flag category
  *
  * @example
- * <Mauritius className="w-6 h-6" />
- * <Mauritius width={24} height={24} />
+ * <Mauritius size={16} />
+ * <Mauritius size={32} className="text-primary" />
  */
-export const Mauritius = (props: SVGProps<SVGSVGElement>) => (
+export const Mauritius = ({ size = 16, ...props }: MauritiusProps) => (
   <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_1939)">
-      <path
-        d="M1.45911 6.26086L12 7.30434L22.5409 6.26086C20.5057 2.53073 16.5485 0 12 0C7.45151 0 3.49437 2.53073 1.45911 6.26086Z"
-        fill="#D80027"
-      />
-      <path
-        d="M1.45908 17.7392L12 18.7827L22.5409 17.7392C23.4711 16.0343 24 14.0789 24 12L12 10.9565L0 12C0 14.0789 0.528891 16.0343 1.45908 17.7392Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M1.45908 6.26086C0.528891 7.96575 0 9.9211 0 12H24C24 9.9211 23.4711 7.96575 22.5409 6.26086H12H1.45908Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M12 24C16.5485 24 20.5057 21.4693 22.5409 17.7391H1.45911C3.49437 21.4693 7.45151 24 12 24Z"
-        fill="#6DA544"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1939">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M1.45911 6.26086L12 7.30434L22.5409 6.26086C20.5057 2.53073 16.5485 0 12 0C7.45151 0 3.49437 2.53073 1.45911 6.26086Z" fill="#D80027"/>
+<path d="M1.45908 17.7392L12 18.7827L22.5409 17.7392C23.4711 16.0343 24 14.0789 24 12L12 10.9565L0 12C0 14.0789 0.528891 16.0343 1.45908 17.7392Z" fill="#FFDA44"/>
+<path d="M1.45908 6.26086C0.528891 7.96575 0 9.9211 0 12H24C24 9.9211 23.4711 7.96575 22.5409 6.26086H12H1.45908Z" fill="#0052B4"/>
+<path d="M12 24C16.5485 24 20.5057 21.4693 22.5409 17.7391H1.45911C3.49437 21.4693 7.45151 24 12 24Z" fill="#6DA544"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1939">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/melilla.tsx

@@ -1,91 +1,51 @@
 import type { SVGProps } from "react";
 
+export interface MelillaProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Melilla icon from flag category
  *
  * @example
- * <Melilla className="w-6 h-6" />
- * <Melilla width={24} height={24} />
+ * <Melilla size={16} />
+ * <Melilla size={32} className="text-primary" />
  */
-export const Melilla = (props: SVGProps<SVGSVGElement>) => (
+export const Melilla = ({ size = 16, ...props }: MelillaProps) => (
   <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_1944)">
-      <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="#338AF3"
-      />
-      <path
-        d="M5.73914 13.0435H18.2609V14.6087H5.73914V13.0435Z"
-        fill="#818085"
-      />
-      <path
-        d="M7.82611 8.34783L12 8.86964L16.1739 8.34783V5.84348L14.5043 6.67828L12 4.17389L9.49566 6.67828L7.82611 5.84348V8.34783Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M6.7826 16.174H5.21735V13.3044L5.73911 12.5217L5.21735 11.7391V9.91309H6.7826V16.174Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M18.7826 16.174H17.2173V9.91309H18.7826V11.7391L18.2608 12.5349L18.7826 13.3045V16.174Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M5.21735 11.7391H18.7825V13.3043H5.21735V11.7391Z"
-        fill="#ACABB1"
-      />
-      <path
-        d="M12 18.2609C9.69849 18.2609 7.82611 16.3885 7.82611 14.087V8.3479H16.1739V14.087C16.1739 16.3885 14.3015 18.2609 12 18.2609Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M12 16.6957C10.5615 16.6957 9.3913 15.5254 9.3913 14.087V9.91315H14.6087V14.087C14.6087 15.5254 13.4384 16.6957 12 16.6957Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M7.82611 8.34784H9.39131V9.91304H7.82611V8.34784Z"
-        fill="#D80027"
-      />
-      <path
-        d="M14.6087 8.34784H16.1739V9.91304H14.6087V8.34784Z"
-        fill="#D80027"
-      />
-      <path
-        d="M14.6087 11.7391H16.1739V13.3043H14.6087V11.7391Z"
-        fill="#D80027"
-      />
-      <path
-        d="M7.82611 11.7391H9.39131V13.3043H7.82611V11.7391Z"
-        fill="#D80027"
-      />
-      <path
-        d="M11.2173 8.34784H12.7825V9.91304H11.2173V8.34784Z"
-        fill="#D80027"
-      />
-      <path
-        d="M12 16.6957C11.7273 16.6957 11.4645 16.6535 11.2173 16.5756V18.1862C11.471 18.2346 11.7324 18.2609 12 18.2609C12.2675 18.2609 12.5289 18.2346 12.7826 18.1862V16.5756C12.5354 16.6534 12.2726 16.6957 12 16.6957Z"
-        fill="#D80027"
-      />
-      <path
-        d="M9.42619 14.5104L8.17706 15.7596C8.39363 16.2526 8.70263 16.696 9.08241 17.0677L10.1887 15.9615C9.79388 15.5801 9.51886 15.0757 9.42619 14.5104Z"
-        fill="#D80027"
-      />
-      <path
-        d="M15.8229 15.7597L14.5738 14.5106C14.4811 15.0758 14.2061 15.5801 13.8114 15.9617L14.9177 17.0679C15.2973 16.6962 15.6064 16.2528 15.8229 15.7597Z"
-        fill="#D80027"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1944">
-        <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="#338AF3"/>
+<path d="M5.73914 13.0435H18.2609V14.6087H5.73914V13.0435Z" fill="#818085"/>
+<path d="M7.82611 8.34783L12 8.86964L16.1739 8.34783V5.84348L14.5043 6.67828L12 4.17389L9.49566 6.67828L7.82611 5.84348V8.34783Z" fill="#FFDA44"/>
+<path d="M6.7826 16.174H5.21735V13.3044L5.73911 12.5217L5.21735 11.7391V9.91309H6.7826V16.174Z" fill="#F0F0F0"/>
+<path d="M18.7826 16.174H17.2173V9.91309H18.7826V11.7391L18.2608 12.5349L18.7826 13.3045V16.174Z" fill="#F0F0F0"/>
+<path d="M5.21735 11.7391H18.7825V13.3043H5.21735V11.7391Z" fill="#ACABB1"/>
+<path d="M12 18.2609C9.69849 18.2609 7.82611 16.3885 7.82611 14.087V8.3479H16.1739V14.087C16.1739 16.3885 14.3015 18.2609 12 18.2609Z" fill="#F0F0F0"/>
+<path d="M12 16.6957C10.5615 16.6957 9.3913 15.5254 9.3913 14.087V9.91315H14.6087V14.087C14.6087 15.5254 13.4384 16.6957 12 16.6957Z" fill="#0052B4"/>
+<path d="M7.82611 8.34784H9.39131V9.91304H7.82611V8.34784Z" fill="#D80027"/>
+<path d="M14.6087 8.34784H16.1739V9.91304H14.6087V8.34784Z" fill="#D80027"/>
+<path d="M14.6087 11.7391H16.1739V13.3043H14.6087V11.7391Z" fill="#D80027"/>
+<path d="M7.82611 11.7391H9.39131V13.3043H7.82611V11.7391Z" fill="#D80027"/>
+<path d="M11.2173 8.34784H12.7825V9.91304H11.2173V8.34784Z" fill="#D80027"/>
+<path d="M12 16.6957C11.7273 16.6957 11.4645 16.6535 11.2173 16.5756V18.1862C11.471 18.2346 11.7324 18.2609 12 18.2609C12.2675 18.2609 12.5289 18.2346 12.7826 18.1862V16.5756C12.5354 16.6534 12.2726 16.6957 12 16.6957Z" fill="#D80027"/>
+<path d="M9.42619 14.5104L8.17706 15.7596C8.39363 16.2526 8.70263 16.696 9.08241 17.0677L10.1887 15.9615C9.79388 15.5801 9.51886 15.0757 9.42619 14.5104Z" fill="#D80027"/>
+<path d="M15.8229 15.7597L14.5738 14.5106C14.4811 15.0758 14.2061 15.5801 13.8114 15.9617L14.9177 17.0679C15.2973 16.6962 15.6064 16.2528 15.8229 15.7597Z" fill="#D80027"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1944">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/mexico.tsx

@@ -1,47 +1,40 @@
 import type { SVGProps } from "react";
 
+export interface MexicoProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Mexico icon from flag category
  *
  * @example
- * <Mexico className="w-6 h-6" />
- * <Mexico width={24} height={24} />
+ * <Mexico size={16} />
+ * <Mexico size={32} className="text-primary" />
  */
-export const Mexico = (props: SVGProps<SVGSVGElement>) => (
+export const Mexico = ({ size = 16, ...props }: MexicoProps) => (
   <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_1963)">
-      <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 7.24248 21.2313 3.13173 17.2173 1.19073V22.8092C21.2313 20.8683 24 16.7575 24 12Z"
-        fill="#D80027"
-      />
-      <path
-        d="M0 12C0 16.7575 2.76867 20.8683 6.78263 22.8093V1.19073C2.76867 3.13173 0 7.24248 0 12Z"
-        fill="#6DA544"
-      />
-      <path
-        d="M8.86957 12C8.86957 13.7289 10.2711 15.1305 12 15.1305C13.7289 15.1305 15.1305 13.7289 15.1305 12V10.9565H8.86957V12Z"
-        fill="#6DA544"
-      />
-      <path
-        d="M16.1739 9.91305H13.0434C13.0434 9.33677 12.5762 8.86957 11.9999 8.86957C11.4236 8.86957 10.9564 9.33677 10.9564 9.91305H7.82599C7.82599 10.4894 8.32797 10.9565 8.90421 10.9565H8.86947C8.86947 11.5329 9.33663 12 9.91296 12C9.91296 12.5763 10.3801 13.0435 10.9564 13.0435H13.0434C13.6197 13.0435 14.0869 12.5763 14.0869 12C14.6632 12 15.1304 11.5329 15.1304 10.9565H15.0956C15.6719 10.9565 16.1739 10.4894 16.1739 9.91305Z"
-        fill="#FF9811"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1963">
-        <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 7.24248 21.2313 3.13173 17.2173 1.19073V22.8092C21.2313 20.8683 24 16.7575 24 12Z" fill="#D80027"/>
+<path d="M0 12C0 16.7575 2.76867 20.8683 6.78263 22.8093V1.19073C2.76867 3.13173 0 7.24248 0 12Z" fill="#6DA544"/>
+<path d="M8.86957 12C8.86957 13.7289 10.2711 15.1305 12 15.1305C13.7289 15.1305 15.1305 13.7289 15.1305 12V10.9565H8.86957V12Z" fill="#6DA544"/>
+<path d="M16.1739 9.91305H13.0434C13.0434 9.33677 12.5762 8.86957 11.9999 8.86957C11.4236 8.86957 10.9564 9.33677 10.9564 9.91305H7.82599C7.82599 10.4894 8.32797 10.9565 8.90421 10.9565H8.86947C8.86947 11.5329 9.33663 12 9.91296 12C9.91296 12.5763 10.3801 13.0435 10.9564 13.0435H13.0434C13.6197 13.0435 14.0869 12.5763 14.0869 12C14.6632 12 15.1304 11.5329 15.1304 10.9565H15.0956C15.6719 10.9565 16.1739 10.4894 16.1739 9.91305Z" fill="#FF9811"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1963">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/micronesia.tsx

@@ -1,47 +1,40 @@
 import type { SVGProps } from "react";
 
+export interface MicronesiaProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Micronesia icon from flag category
  *
  * @example
- * <Micronesia className="w-6 h-6" />
- * <Micronesia width={24} height={24} />
+ * <Micronesia size={16} />
+ * <Micronesia size={32} className="text-primary" />
  */
-export const Micronesia = (props: SVGProps<SVGSVGElement>) => (
+export const Micronesia = ({ size = 16, ...props }: MicronesiaProps) => (
   <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_1970)">
-      <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="#338AF3"
-      />
-      <path
-        d="M11.9999 5.21735L12.5179 6.81166H14.1943L12.8381 7.79702L13.3561 9.39128L11.9999 8.40597L10.6437 9.39128L11.1618 7.79702L9.80554 6.81166H11.4819L11.9999 5.21735Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M5.21735 12L6.81166 11.482V9.80554L7.79702 11.1618L9.39128 10.6438L8.40597 12L9.39128 13.3561L7.79702 12.8381L6.81166 14.1943V12.518L5.21735 12Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M12 18.7826L11.482 17.1883H9.80554L11.1618 16.2029L10.6438 14.6086L12 15.594L13.3561 14.6086L12.8381 16.2029L14.1943 17.1883H12.518L12 18.7826Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M18.7826 11.9999L17.1883 12.5179V14.1943L16.2029 12.8381L14.6086 13.3561L15.594 11.9999L14.6086 10.6438L16.2029 11.1618L17.1883 9.80554V11.4819L18.7826 11.9999Z"
-        fill="#F0F0F0"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1970">
-        <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="#338AF3"/>
+<path d="M11.9999 5.21735L12.5179 6.81166H14.1943L12.8381 7.79702L13.3561 9.39128L11.9999 8.40597L10.6437 9.39128L11.1618 7.79702L9.80554 6.81166H11.4819L11.9999 5.21735Z" fill="#F0F0F0"/>
+<path d="M5.21735 12L6.81166 11.482V9.80554L7.79702 11.1618L9.39128 10.6438L8.40597 12L9.39128 13.3561L7.79702 12.8381L6.81166 14.1943V12.518L5.21735 12Z" fill="#F0F0F0"/>
+<path d="M12 18.7826L11.482 17.1883H9.80554L11.1618 16.2029L10.6438 14.6086L12 15.594L13.3561 14.6086L12.8381 16.2029L14.1943 17.1883H12.518L12 18.7826Z" fill="#F0F0F0"/>
+<path d="M18.7826 11.9999L17.1883 12.5179V14.1943L16.2029 12.8381L14.6086 13.3561L15.594 11.9999L14.6086 10.6438L16.2029 11.1618L17.1883 9.80554V11.4819L18.7826 11.9999Z" fill="#F0F0F0"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1970">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );