import type { SVGProps } from "react";

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

/**
 * Iceland — ISL icon from flag category
 *
 * @example
 * <ISL size={16} />
 * <ISL size={32} className="text-primary" />
 */
export const ISL = ({ size = 16, ...props }: ISLProps) => (
  <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_1683)">
<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="M0.41333 15.1305C1.10764 17.7067 2.63788 19.9395 4.6956 21.5206V15.1305H0.41333Z" fill="#0052B4"/>
<path d="M10.9564 23.9544C11.3004 23.984 11.6482 24 11.9999 24C17.5442 24 22.2095 20.2396 23.5865 15.1305H10.9564V23.9544Z" fill="#0052B4"/>
<path d="M23.5865 8.86955C22.2095 3.76036 17.5442 0 11.9999 0C11.6482 0 11.3004 0.0160312 10.9564 0.0456562V8.86955H23.5865Z" fill="#0052B4"/>
<path d="M4.6956 2.47946C2.63788 4.06056 1.10764 6.29335 0.41333 8.86955H4.6956V2.47946Z" fill="#0052B4"/>
<path d="M23.8984 10.4348H9.39136H9.39131V0.285248C8.28234 0.531154 7.23098 0.929732 6.26086 1.45909V10.4348H0.101578C0.0347813 10.9472 0 11.4695 0 12C0 12.5305 0.0347813 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_1683">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
