import type { SVGProps } from "react";

export interface FROProps extends SVGProps<SVGSVGElement> {
  /**
   * Icon size (width and height)
   * @default 16
   */
  size?: number | string;
}

/**
 * Faroe Islands — FRO icon from flag category
 *
 * @example
 * <FRO size={16} />
 * <FRO size={32} className="text-primary" />
 */
export const FRO = ({ size = 16, ...props }: FROProps) => (
  <svg
    fill="none"
    height={size}
    viewBox="0 0 24 24"
    width={size}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <g clipPath="url(#clip0_43_1496)">
<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.4783 12L23.8982 10.4348C23.8285 9.90131 23.7239 9.37875 23.5867 8.86959H10.9565V0.0456543C10.424 0.091498 9.9016 0.172545 9.39132 0.285701L7.30435 1.5652L6.26087 1.45987C5.71173 1.7595 5.18856 2.10075 4.69567 2.47945V8.86954H0.413401C0.276198 9.3787 0.171573 9.90126 0.101823 10.4347L0.521729 12L0.101776 13.5652C0.171526 14.0987 0.276151 14.6212 0.413354 15.1304H4.69562V21.5205C5.18851 21.8992 5.71173 22.2405 6.26082 22.5401L7.82603 22.4347L9.39123 23.7142C9.90156 23.8274 10.424 23.9084 10.9564 23.9543V15.1305H23.5865C23.7237 14.6213 23.8284 14.0987 23.8981 13.5652L23.4783 12Z" fill="#0052B4"/>
<path d="M23.8984 10.4348H9.39136H9.39131V0.285248C8.28234 0.531154 7.23098 0.929732 6.26086 1.45909V10.4348H0.101578C0.034875 10.9472 0 11.4695 0 12C0 12.5305 0.034875 13.0529 0.101578 13.5652H6.26081H6.26086V22.5409C7.23098 23.0702 8.28234 23.4689 9.39131 23.7147V13.5654V13.5653H23.8984C23.9651 13.0529 24 12.5305 24 12C24 11.4695 23.9651 10.9472 23.8984 10.4348Z" fill="#D80027"/>
</g>
<defs>
<clipPath id="clip0_43_1496">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
