import type { SVGProps } from "react";

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

/**
 * United Nations — UnitedNations icon from flag category
 *
 * @example
 * <UnitedNations size={16} />
 * <UnitedNations size={32} className="text-primary" />
 */
export const UnitedNations = ({ size = 16, ...props }: UnitedNationsProps) => (
  <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_2771)">
<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.9653 7.82611C9.66001 7.82611 7.79138 9.69483 7.79138 12C7.79138 14.3052 9.66005 16.1739 11.9653 16.1739C14.2704 16.1739 16.1392 14.3052 16.1392 12C16.1392 9.69483 14.2704 7.82611 11.9653 7.82611ZM10.9218 12C10.9218 11.4237 11.3889 10.9565 11.9653 10.9565C12.5416 10.9565 13.0088 11.4237 13.0088 12C13.0088 12.5763 12.5416 13.0435 11.9653 13.0435C11.3889 13.0435 10.9218 12.5763 10.9218 12ZM13.0471 10.215C12.8852 10.1167 12.7087 10.0403 12.5217 9.98864V8.91989C12.9924 9.00436 13.4264 9.19369 13.7988 9.46341L13.0471 10.215ZM11.4783 9.97078C11.2825 10.0176 11.0975 10.092 10.9276 10.1896L10.1724 9.43449C10.5541 9.1672 10.998 8.98256 11.4783 8.90742V9.97078ZM10.9275 13.8104C11.0975 13.908 11.2824 13.9824 11.4782 14.0292V15.0925C10.9979 15.0174 10.5541 14.8327 10.1724 14.5654L10.9275 13.8104ZM12.5218 14.0114C12.7087 13.9598 12.8853 13.8834 13.0471 13.785L13.7988 14.5366C13.4263 14.8063 12.9924 14.9957 12.5217 15.0802V14.0114H12.5218V14.0114ZM13.7756 13.0378C13.8675 12.8778 13.9394 12.7048 13.9865 12.5218H15.0516C14.9732 12.9887 14.7916 13.4204 14.5308 13.7929L13.7756 13.0378ZM13.9865 11.4783C13.9394 11.2952 13.8675 11.1223 13.7756 10.9623L14.5307 10.2071C14.7916 10.5796 14.9732 11.0113 15.0515 11.4782H13.9864V11.4783H13.9865ZM9.42863 10.1665L10.1803 10.9181C10.0758 11.0902 9.99549 11.2784 9.94402 11.4783H8.87893C8.96016 10.9943 9.1523 10.5481 9.42863 10.1665ZM8.87893 12.5217H9.94402C9.99544 12.7216 10.0757 12.9098 10.1803 13.0819L9.42863 13.8335C9.1523 13.4519 8.96016 13.0058 8.87893 12.5217Z" fill="#F0F0F0"/>
<path d="M18.7479 12C18.7479 10.1447 18.0027 8.4637 16.7956 7.23914L15.6889 8.3459C16.6127 9.28715 17.1827 10.577 17.1827 12C17.1827 14.8815 14.8468 17.2174 11.9653 17.2174C9.08377 17.2174 6.74794 14.8815 6.74794 12C6.74794 10.5592 7.33186 9.25485 8.27607 8.31075L7.1693 7.20398C5.94188 8.4314 5.18274 10.1271 5.18274 12C5.18274 15.1038 7.2676 17.7207 10.1133 18.5266C9.80133 19.1193 9.84886 19.8655 10.2946 20.4217C10.8799 19.9526 11.486 19.4669 12.0001 19.0549C12.5142 19.4669 13.1203 19.9526 13.7056 20.4217C14.1557 19.86 14.2 19.1043 13.8777 18.5088C16.6923 17.6831 18.7479 15.0818 18.7479 12Z" fill="#F0F0F0"/>
</g>
<defs>
<clipPath id="clip0_43_2771">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
