import type { SVGProps } from "react";

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

/**
 * OnlyfansOriginal icon from social-media category
 *
 * @example
 * <OnlyfansOriginal size={16} />
 * <OnlyfansOriginal size={32} className="text-primary" />
 */
export const OnlyfansOriginal = ({ size = 16, ...props }: OnlyfansOriginalProps) => (
  <svg
    fill="none"
    height={size}
    viewBox="0 0 24 24"
    width={size}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path d="M8.0005 3.9765C9.0506 3.9765 10.0917 4.18382 11.0622 4.58794C12.0327 4.99055 12.9145 5.58246 13.6567 6.3276C14.3988 7.07274 14.9892 7.9576 15.3903 8.93109C15.7926 9.90483 15.9993 10.9482 15.9987 12.0018C15.9987 15.2468 14.0503 18.1732 11.0607 19.4141C8.07111 20.6565 4.63084 19.97 2.34283 17.6745C0.0548316 15.3805 -0.628715 11.9282 0.60918 8.93109C1.84708 5.9325 4.76454 3.978 7.99899 3.978L8.0005 3.9765ZM8.0005 14.407C8.31608 14.4076 8.62868 14.3458 8.92028 14.2252C9.21189 14.1045 9.47675 13.9273 9.6996 13.7039C9.9222 13.4799 10.0988 13.2145 10.2194 12.9227C10.3396 12.6298 10.4012 12.3173 10.4012 12.0018C10.4012 11.0283 9.81678 10.151 8.9199 9.77838C8.02303 9.40581 6.99095 9.61163 6.3044 10.2997C5.61785 10.9877 5.41203 12.0228 5.7846 12.9227C5.96552 13.3621 6.27284 13.7379 6.66761 14.0024C7.06238 14.2669 7.5268 14.4083 8.002 14.4085L8.0005 14.407Z" fill="#00AEEF"/>
<path d="M16.9918 9.99469C19.0244 10.5821 21.4236 9.99469 21.4236 9.99469C20.728 13.0444 18.5196 14.9538 15.3362 15.1851C15.0298 15.9002 14.6196 16.5658 14.1209 17.1622C13.6221 17.7586 13.0392 18.2784 12.3917 18.7065C11.7427 19.1347 11.0367 19.4652 10.293 19.6875C9.54938 19.9099 8.7772 20.024 8.00201 20.0225L10.4012 12.3713C12.868 4.50679 14.1329 3.97498 19.9829 3.97498H24C23.3285 6.94352 21.0119 9.21199 16.9918 9.99319V9.99469Z" fill="#008CCF"/>
  </svg>
);
