@brightlocal/icons 0.1.2 → 0.2.0

package/src/flag/east-timor.tsx

@@ -1,43 +1,39 @@
 import type { SVGProps } from "react";
 
+export interface EastTimorProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * EastTimor icon from flag category
  *
  * @example
- * <EastTimor className="w-6 h-6" />
- * <EastTimor width={24} height={24} />
+ * <EastTimor size={16} />
+ * <EastTimor size={32} className="text-primary" />
  */
-export const EastTimor = (props: SVGProps<SVGSVGElement>) => (
+export const EastTimor = ({ size = 16, ...props }: EastTimorProps) => (
   <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_1418)">
-      <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 0C9.062 0 6.3711 1.05642 4.28506 2.80941L17.2174 12L4.28506 21.1906C6.3711 22.9436 9.062 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z"
-        fill="#D80027"
-      />
-      <path
-        d="M3.51468 3.51471C-1.1716 8.20099 -1.1716 15.799 3.51468 20.4853C5.45123 18.5488 7.31371 16.6863 12 12L3.51468 3.51471Z"
-        fill="black"
-      />
-      <path
-        d="M3.32714 9.25104L5.15339 10.9794L7.36158 9.77641L6.28228 12.0475L8.10858 13.7759L5.61511 13.4512L4.53567 15.7222L4.0741 13.2504L1.58063 12.9256L3.78872 11.7227L3.32714 9.25104Z"
-        fill="#F0F0F0"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1418">
-        <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="M12 0C9.062 0 6.3711 1.05642 4.28506 2.80941L17.2174 12L4.28506 21.1906C6.3711 22.9436 9.062 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#D80027"/>
+<path d="M3.51468 3.51471C-1.1716 8.20099 -1.1716 15.799 3.51468 20.4853C5.45123 18.5488 7.31371 16.6863 12 12L3.51468 3.51471Z" fill="black"/>
+<path d="M3.32714 9.25104L5.15339 10.9794L7.36158 9.77641L6.28228 12.0475L8.10858 13.7759L5.61511 13.4512L4.53567 15.7222L4.0741 13.2504L1.58063 12.9256L3.78872 11.7227L3.32714 9.25104Z" fill="#F0F0F0"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1418">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/ecuador.tsx

@@ -1,51 +1,41 @@
 import type { SVGProps } from "react";
 
+export interface EcuadorProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Ecuador icon from flag category
  *
  * @example
- * <Ecuador className="w-6 h-6" />
- * <Ecuador width={24} height={24} />
+ * <Ecuador size={16} />
+ * <Ecuador size={32} className="text-primary" />
  */
-export const Ecuador = (props: SVGProps<SVGSVGElement>) => (
+export const Ecuador = ({ size = 16, ...props }: EcuadorProps) => (
   <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_1423)">
-      <path
-        d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12L12 13.0435L0 12Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M1.60577 18C3.6807 21.5867 7.55838 24 12 24C16.4417 24 20.3193 21.5867 22.3943 18L12 17.2173L1.60577 18Z"
-        fill="#D80027"
-      />
-      <path
-        d="M22.3942 18C23.4153 16.235 24 14.1858 24 12H0C0 14.1858 0.584719 16.235 1.60575 18H22.3942Z"
-        fill="#0052B4"
-      />
-      <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="#FFDA44"
-      />
-      <path
-        d="M12 14.6087C10.5615 14.6087 9.3913 13.4384 9.3913 12V10.4348C9.3913 8.99634 10.5616 7.82611 12 7.82611C13.4384 7.82611 14.6087 8.99639 14.6087 10.4348V12C14.6087 13.4385 13.4384 14.6087 12 14.6087Z"
-        fill="#338AF3"
-      />
-      <path
-        d="M16.1739 5.73916H13.0434C13.0434 5.16288 12.5762 4.69568 11.9999 4.69568C11.4236 4.69568 10.9564 5.16288 10.9564 5.73916H7.82599C7.82599 6.31549 8.32797 6.78265 8.90421 6.78265H8.86947C8.86947 7.35898 9.33663 7.82613 9.91296 7.82613C9.91296 8.40246 10.3801 8.86962 10.9564 8.86962H13.0434C13.6197 8.86962 14.0869 8.40246 14.0869 7.82613C14.6632 7.82613 15.1304 7.35898 15.1304 6.78265H15.0956C15.6719 6.78265 16.1739 6.31544 16.1739 5.73916Z"
-        fill="black"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1423">
-        <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 12L12 13.0435L0 12Z" fill="#FFDA44"/>
+<path d="M1.60577 18C3.6807 21.5867 7.55838 24 12 24C16.4417 24 20.3193 21.5867 22.3943 18L12 17.2173L1.60577 18Z" fill="#D80027"/>
+<path d="M22.3942 18C23.4153 16.235 24 14.1858 24 12H0C0 14.1858 0.584719 16.235 1.60575 18H22.3942Z" fill="#0052B4"/>
+<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="#FFDA44"/>
+<path d="M12 14.6087C10.5615 14.6087 9.3913 13.4384 9.3913 12V10.4348C9.3913 8.99634 10.5616 7.82611 12 7.82611C13.4384 7.82611 14.6087 8.99639 14.6087 10.4348V12C14.6087 13.4385 13.4384 14.6087 12 14.6087Z" fill="#338AF3"/>
+<path d="M16.1739 5.73916H13.0434C13.0434 5.16288 12.5762 4.69568 11.9999 4.69568C11.4236 4.69568 10.9564 5.16288 10.9564 5.73916H7.82599C7.82599 6.31549 8.32797 6.78265 8.90421 6.78265H8.86947C8.86947 7.35898 9.33663 7.82613 9.91296 7.82613C9.91296 8.40246 10.3801 8.86962 10.9564 8.86962H13.0434C13.6197 8.86962 14.0869 8.40246 14.0869 7.82613C14.6632 7.82613 15.1304 7.35898 15.1304 6.78265H15.0956C15.6719 6.78265 16.1739 6.31544 16.1739 5.73916Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1423">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/egypt.tsx

@@ -1,43 +1,39 @@
 import type { SVGProps } from "react";
 
+export interface EgyptProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Egypt icon from flag category
  *
  * @example
- * <Egypt className="w-6 h-6" />
- * <Egypt width={24} height={24} />
+ * <Egypt size={16} />
+ * <Egypt size={32} className="text-primary" />
  */
-export const Egypt = (props: SVGProps<SVGSVGElement>) => (
+export const Egypt = ({ size = 16, ...props }: EgyptProps) => (
   <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_1430)">
-      <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="M11.9999 0C6.84037 0 2.44185 3.2565 0.746338 7.82611H23.2536C21.558 3.2565 17.1595 0 11.9999 0Z"
-        fill="#D80027"
-      />
-      <path
-        d="M11.9999 24C17.1595 24 21.558 20.7435 23.2536 16.1739H0.746338C2.44185 20.7435 6.84037 24 11.9999 24Z"
-        fill="black"
-      />
-      <path
-        d="M16.1739 10.6956H13.0435C13.0435 10.1194 12.5763 9.65216 12 9.65216C11.4237 9.65216 10.9565 10.1194 10.9565 10.6956H7.82605C7.82605 11.272 8.32803 11.7391 8.90431 11.7391H8.86953C8.86953 12.3155 9.33669 12.7826 9.91302 12.7826C9.91302 13.3589 10.3802 13.8261 10.9565 13.8261H13.0435C13.6198 13.8261 14.087 13.3589 14.087 12.7826C14.6633 12.7826 15.1304 12.3155 15.1304 11.7391H15.0957C15.672 11.7391 16.1739 11.272 16.1739 10.6956Z"
-        fill="#FF9811"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1430">
-        <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="M11.9999 0C6.84037 0 2.44185 3.2565 0.746338 7.82611H23.2536C21.558 3.2565 17.1595 0 11.9999 0Z" fill="#D80027"/>
+<path d="M11.9999 24C17.1595 24 21.558 20.7435 23.2536 16.1739H0.746338C2.44185 20.7435 6.84037 24 11.9999 24Z" fill="black"/>
+<path d="M16.1739 10.6956H13.0435C13.0435 10.1194 12.5763 9.65216 12 9.65216C11.4237 9.65216 10.9565 10.1194 10.9565 10.6956H7.82605C7.82605 11.272 8.32803 11.7391 8.90431 11.7391H8.86953C8.86953 12.3155 9.33669 12.7826 9.91302 12.7826C9.91302 13.3589 10.3802 13.8261 10.9565 13.8261H13.0435C13.6198 13.8261 14.087 13.3589 14.087 12.7826C14.6633 12.7826 15.1304 12.3155 15.1304 11.7391H15.0957C15.672 11.7391 16.1739 11.272 16.1739 10.6956Z" fill="#FF9811"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1430">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/el-salvador.tsx

@@ -1,51 +1,41 @@
 import type { SVGProps } from "react";
 
+export interface ElSalvadorProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * ElSalvador icon from flag category
  *
  * @example
- * <ElSalvador className="w-6 h-6" />
- * <ElSalvador width={24} height={24} />
+ * <ElSalvador size={16} />
+ * <ElSalvador size={32} className="text-primary" />
  */
-export const ElSalvador = (props: SVGProps<SVGSVGElement>) => (
+export const ElSalvador = ({ size = 16, ...props }: ElSalvadorProps) => (
   <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_1435)">
-      <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.24242 0 3.13167 2.76867 1.19067 6.78263H22.8092C20.8682 2.76867 16.7574 0 12 0Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M12 24C16.7574 24 20.8682 21.2313 22.8092 17.2173H1.19067C3.13167 21.2313 7.24242 24 12 24Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M9.59021 12.5217L12.0001 8.34784L14.4099 12.5217H9.59021Z"
-        fill="#FFDA44"
-      />
-      <path
-        d="M15.1304 13.8999L12 15.4652L8.86951 13.8999V11.813H15.1304V13.8999Z"
-        fill="#6DA544"
-      />
-      <path
-        d="M14.9514 8.52692L13.8446 9.63368C14.3167 10.1058 14.6088 10.7579 14.6088 11.4783C14.6088 12.9191 13.4408 14.087 12.0001 14.087C10.5594 14.087 9.39138 12.919 9.39138 11.4783C9.39138 10.7579 9.68341 10.1058 10.1555 9.63368L9.04872 8.52692C8.29333 9.28217 7.82617 10.3257 7.82617 11.4783C7.82617 13.7835 9.69489 15.6522 12.0001 15.6522C14.3052 15.6522 16.174 13.7835 16.174 11.4783C16.1739 10.3257 15.7068 9.28217 14.9514 8.52692Z"
-        fill="#FFDA44"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1435">
-        <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.24242 0 3.13167 2.76867 1.19067 6.78263H22.8092C20.8682 2.76867 16.7574 0 12 0Z" fill="#0052B4"/>
+<path d="M12 24C16.7574 24 20.8682 21.2313 22.8092 17.2173H1.19067C3.13167 21.2313 7.24242 24 12 24Z" fill="#0052B4"/>
+<path d="M9.59021 12.5217L12.0001 8.34784L14.4099 12.5217H9.59021Z" fill="#FFDA44"/>
+<path d="M15.1304 13.8999L12 15.4652L8.86951 13.8999V11.813H15.1304V13.8999Z" fill="#6DA544"/>
+<path d="M14.9514 8.52692L13.8446 9.63368C14.3167 10.1058 14.6088 10.7579 14.6088 11.4783C14.6088 12.9191 13.4408 14.087 12.0001 14.087C10.5594 14.087 9.39138 12.919 9.39138 11.4783C9.39138 10.7579 9.68341 10.1058 10.1555 9.63368L9.04872 8.52692C8.29333 9.28217 7.82617 10.3257 7.82617 11.4783C7.82617 13.7835 9.69489 15.6522 12.0001 15.6522C14.3052 15.6522 16.174 13.7835 16.174 11.4783C16.1739 10.3257 15.7068 9.28217 14.9514 8.52692Z" fill="#FFDA44"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1435">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/england.tsx

@@ -1,35 +1,37 @@
 import type { SVGProps } from "react";
 
+export interface EnglandProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * England icon from flag category
  *
  * @example
- * <England className="w-6 h-6" />
- * <England width={24} height={24} />
+ * <England size={16} />
+ * <England size={32} className="text-primary" />
  */
-export const England = (props: SVGProps<SVGSVGElement>) => (
+export const England = ({ size = 16, ...props }: EnglandProps) => (
   <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_1443)">
-      <path
-        d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
-        fill="#F0F0F0"
-      />
-      <path
-        d="M23.8984 10.4348H13.5653H13.5653V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4695 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4347H0.101578C0.034875 10.9471 0 11.4694 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4347V23.8984C10.9471 23.9651 11.4695 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5653H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4694 23.9651 10.9471 23.8984 10.4348Z"
-        fill="#D80027"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1443">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"/>
+<path d="M23.8984 10.4348H13.5653H13.5653V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4695 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4347H0.101578C0.034875 10.9471 0 11.4694 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4347V23.8984C10.9471 23.9651 11.4695 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5653H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4694 23.9651 10.9471 23.8984 10.4348Z" fill="#D80027"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1443">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/equatorial-guinea.tsx

@@ -1,55 +1,42 @@
 import type { SVGProps } from "react";
 
+export interface EquatorialGuineaProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * EquatorialGuinea icon from flag category
  *
  * @example
- * <EquatorialGuinea className="w-6 h-6" />
- * <EquatorialGuinea width={24} height={24} />
+ * <EquatorialGuinea size={16} />
+ * <EquatorialGuinea size={32} className="text-primary" />
  */
-export const EquatorialGuinea = (props: SVGProps<SVGSVGElement>) => (
+export const EquatorialGuinea = ({ size = 16, ...props }: EquatorialGuineaProps) => (
   <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_1446)">
-      <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="M7.30434 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0C8.68622 0 5.68654 1.34339 3.51511 3.51511L7.30434 7.82611Z"
-        fill="#6DA544"
-      />
-      <path
-        d="M7.30434 16.1739H23.2536C21.5581 20.7435 17.1595 24 12 24C8.68622 24 5.68654 22.6566 3.51511 20.4849L7.30434 16.1739Z"
-        fill="#D80027"
-      />
-      <path
-        d="M3.51468 3.51471C-1.1716 8.20099 -1.1716 15.799 3.51468 20.4853C5.45123 18.5488 7.31371 16.6863 12 12L3.51468 3.51471Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M14.087 9.91302V12.5217C14.087 14.1192 16.1739 14.6087 16.1739 14.6087C16.1739 14.6087 18.2609 14.1192 18.2609 12.5217V9.91302H14.087Z"
-        fill="#DEDDE0"
-      />
-      <path
-        d="M15.6522 12.0522H16.6956V13.5652H15.6522V12.0522Z"
-        fill="#786145"
-      />
-      <path
-        d="M17.2174 11.4783C17.2174 10.902 16.7502 10.4348 16.1739 10.4348C15.5976 10.4348 15.1304 10.902 15.1304 11.4783C14.8423 11.4783 14.6087 11.7119 14.6087 12C14.6087 12.2882 14.8423 12.5217 15.1304 12.5217H17.2174C17.5055 12.5217 17.7391 12.2882 17.7391 12C17.7391 11.7119 17.5056 11.4783 17.2174 11.4783Z"
-        fill="#6DA544"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1446">
-        <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="M7.30434 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0C8.68622 0 5.68654 1.34339 3.51511 3.51511L7.30434 7.82611Z" fill="#6DA544"/>
+<path d="M7.30434 16.1739H23.2536C21.5581 20.7435 17.1595 24 12 24C8.68622 24 5.68654 22.6566 3.51511 20.4849L7.30434 16.1739Z" fill="#D80027"/>
+<path d="M3.51468 3.51471C-1.1716 8.20099 -1.1716 15.799 3.51468 20.4853C5.45123 18.5488 7.31371 16.6863 12 12L3.51468 3.51471Z" fill="#0052B4"/>
+<path d="M14.087 9.91302V12.5217C14.087 14.1192 16.1739 14.6087 16.1739 14.6087C16.1739 14.6087 18.2609 14.1192 18.2609 12.5217V9.91302H14.087Z" fill="#DEDDE0"/>
+<path d="M15.6522 12.0522H16.6956V13.5652H15.6522V12.0522Z" fill="#786145"/>
+<path d="M17.2174 11.4783C17.2174 10.902 16.7502 10.4348 16.1739 10.4348C15.5976 10.4348 15.1304 10.902 15.1304 11.4783C14.8423 11.4783 14.6087 11.7119 14.6087 12C14.6087 12.2882 14.8423 12.5217 15.1304 12.5217H17.2174C17.5055 12.5217 17.7391 12.2882 17.7391 12C17.7391 11.7119 17.5056 11.4783 17.2174 11.4783Z" fill="#6DA544"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1446">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/eritrea.tsx

@@ -1,43 +1,39 @@
 import type { SVGProps } from "react";
 
+export interface EritreaProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Eritrea icon from flag category
  *
  * @example
- * <Eritrea className="w-6 h-6" />
- * <Eritrea width={24} height={24} />
+ * <Eritrea size={16} />
+ * <Eritrea size={32} className="text-primary" />
  */
-export const Eritrea = (props: SVGProps<SVGSVGElement>) => (
+export const Eritrea = ({ size = 16, ...props }: EritreaProps) => (
   <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_1454)">
-      <path
-        d="M10.9565 10.9565C10.9565 10.9565 3.52171 20.487 3.51468 20.4853C5.68621 22.6569 8.68626 24 12 24C18.6274 24 24 18.6274 24 12L10.9565 10.9565Z"
-        fill="#338AF3"
-      />
-      <path
-        d="M10.9565 12C10.9565 12 3.52171 3.51305 3.51468 3.51473C5.68621 1.34316 8.68626 0 12 0C18.6274 0 24 5.37262 24 12H10.9565Z"
-        fill="#6DA544"
-      />
-      <path
-        d="M3.51468 3.51471C-1.1716 8.20099 -1.1716 15.799 3.51468 20.4853C3.51435 20.4873 24 12 24 12L3.51468 3.51471Z"
-        fill="#D80027"
-      />
-      <path
-        d="M6.26087 7.04346C3.95935 7.04346 2.08698 8.91588 2.08698 11.2173V12.7826C2.08698 15.0841 3.9594 16.9564 6.26087 16.9564C8.56233 16.9564 10.4348 15.084 10.4348 12.7826V11.2173C10.4348 8.91588 8.56238 7.04346 6.26087 7.04346ZM8.86955 12.7826C8.86955 13.9485 8.10071 14.938 7.04344 15.2712V13.5652L8.15082 12.4578L7.04405 11.3511L7.04344 10.9572V10.4348H5.47829V12L4.37166 13.1066L5.47829 14.2131V15.2712C4.42102 14.938 3.65218 13.9485 3.65218 12.7826V11.2174C3.65218 9.77899 4.82246 8.60875 6.26087 8.60875C7.69927 8.60875 8.86955 9.77904 8.86955 11.2174V12.7826Z"
-        fill="#FFDA44"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1454">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M10.9565 10.9565C10.9565 10.9565 3.52171 20.487 3.51468 20.4853C5.68621 22.6569 8.68626 24 12 24C18.6274 24 24 18.6274 24 12L10.9565 10.9565Z" fill="#338AF3"/>
+<path d="M10.9565 12C10.9565 12 3.52171 3.51305 3.51468 3.51473C5.68621 1.34316 8.68626 0 12 0C18.6274 0 24 5.37262 24 12H10.9565Z" fill="#6DA544"/>
+<path d="M3.51468 3.51471C-1.1716 8.20099 -1.1716 15.799 3.51468 20.4853C3.51435 20.4873 24 12 24 12L3.51468 3.51471Z" fill="#D80027"/>
+<path d="M6.26087 7.04346C3.95935 7.04346 2.08698 8.91588 2.08698 11.2173V12.7826C2.08698 15.0841 3.9594 16.9564 6.26087 16.9564C8.56233 16.9564 10.4348 15.084 10.4348 12.7826V11.2173C10.4348 8.91588 8.56238 7.04346 6.26087 7.04346ZM8.86955 12.7826C8.86955 13.9485 8.10071 14.938 7.04344 15.2712V13.5652L8.15082 12.4578L7.04405 11.3511L7.04344 10.9572V10.4348H5.47829V12L4.37166 13.1066L5.47829 14.2131V15.2712C4.42102 14.938 3.65218 13.9485 3.65218 12.7826V11.2174C3.65218 9.77899 4.82246 8.60875 6.26087 8.60875C7.69927 8.60875 8.86955 9.77904 8.86955 11.2174V12.7826Z" fill="#FFDA44"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1454">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/flag/estonia.tsx

@@ -1,39 +1,38 @@
 import type { SVGProps } from "react";
 
+export interface EstoniaProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * Estonia icon from flag category
  *
  * @example
- * <Estonia className="w-6 h-6" />
- * <Estonia width={24} height={24} />
+ * <Estonia size={16} />
+ * <Estonia size={32} className="text-primary" />
  */
-export const Estonia = (props: SVGProps<SVGSVGElement>) => (
+export const Estonia = ({ size = 16, ...props }: EstoniaProps) => (
   <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_1459)">
-      <path
-        d="M0 12C0 13.4678 0.264047 14.8739 0.746391 16.1739L12 16.6956L23.2536 16.1739C23.736 14.8739 24 13.4678 24 12C24 10.5321 23.736 9.12607 23.2536 7.82609L12 7.30432L0.746391 7.82604C0.264047 9.12607 0 10.5321 0 12H0Z"
-        fill="black"
-      />
-      <path
-        d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0Z"
-        fill="#0052B4"
-      />
-      <path
-        d="M23.2536 16.1739H0.746399C2.44191 20.7435 6.84043 24 12 24C17.1596 24 21.5581 20.7435 23.2536 16.1739Z"
-        fill="#F0F0F0"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_1459">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M0 12C0 13.4678 0.264047 14.8739 0.746391 16.1739L12 16.6956L23.2536 16.1739C23.736 14.8739 24 13.4678 24 12C24 10.5321 23.736 9.12607 23.2536 7.82609L12 7.30432L0.746391 7.82604C0.264047 9.12607 0 10.5321 0 12H0Z" fill="black"/>
+<path d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0Z" fill="#0052B4"/>
+<path d="M23.2536 16.1739H0.746399C2.44191 20.7435 6.84043 24 12 24C17.1596 24 21.5581 20.7435 23.2536 16.1739Z" fill="#F0F0F0"/>
+</g>
+<defs>
+<clipPath id="clip0_43_1459">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );