import type { SVGProps } from "react";

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

/**
 * FacebookOriginal icon from social-media category
 *
 * @example
 * <FacebookOriginal size={16} />
 * <FacebookOriginal size={32} className="text-primary" />
 */
export const FacebookOriginal = ({ size = 16, ...props }: FacebookOriginalProps) => (
  <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_645)">
<path d="M24 12C24 5.3726 18.6274 1.52588e-05 12 1.52588e-05C5.37259 1.52588e-05 0 5.3726 0 12C0 17.6278 3.87432 22.3499 9.10108 23.6466V15.667H6.62659V12H9.10108V10.4199C9.10108 6.33548 10.9495 4.44236 14.9594 4.44236C15.7196 4.44236 17.0314 4.5914 17.568 4.74049V8.06468C17.2848 8.03487 16.7929 8.01995 16.1817 8.01995C14.214 8.01995 13.4538 8.76529 13.4538 10.7031V12H17.3734L16.7001 15.667H13.4538V23.9121C19.3955 23.1945 24 18.1353 24 12Z" fill="#0866FF"/>
<path d="M16.7001 15.667L17.3734 12H13.4538V10.7031C13.4538 8.76524 14.214 8.01995 16.1817 8.01995C16.7929 8.01995 17.2848 8.03483 17.568 8.06464V4.7405C17.0314 4.59141 15.7196 4.44232 14.9594 4.44232C10.9495 4.44232 9.10108 6.33549 9.10108 10.4199V12H6.62659V15.667H9.10108V23.6466C10.0295 23.8769 11.0003 24 12 24C12.4922 24 12.9772 23.9697 13.4538 23.9121V15.667H16.7001Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_43_645">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
