import type { SVGProps } from "react";

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

/**
 * OnlyfansNeutral icon from social-media category
 *
 * @example
 * <OnlyfansNeutral size={16} />
 * <OnlyfansNeutral size={32} className="text-primary" />
 */
export const OnlyfansNeutral = ({ size = 16, ...props }: OnlyfansNeutralProps) => (
  <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_575)">
<path clipRule="evenodd" d="M21.4236 9.99469C21.4236 9.99469 19.0244 10.5821 16.9918 9.99469V9.99319C21.0119 9.21199 23.3285 6.94352 24 3.97498H19.9829C16.5312 3.97498 14.6757 4.16012 13.2278 5.92743C12.583 5.36853 11.8519 4.91554 11.0622 4.58791C10.0917 4.18379 9.0506 3.97647 8.0005 3.97647L7.99899 3.97797C4.76454 3.97797 1.84708 5.93247 0.60918 8.93106C-0.628715 11.9281 0.0548317 15.3804 2.34283 17.6744C4.59756 19.9366 7.97127 20.6362 10.9299 19.4671C11.0185 19.4321 11.1065 19.3956 11.1937 19.3575C13.0893 18.5303 14.5519 17.0195 15.3427 15.1847C18.5226 14.9512 20.7285 13.0423 21.4236 9.99469ZM10.3027 12.6853L10.2767 12.7684C10.2594 12.8204 10.2403 12.8718 10.2194 12.9227C10.0988 13.2145 9.9222 13.4799 9.6996 13.7039C9.47675 13.9273 9.21189 14.1045 8.92028 14.2251C8.62868 14.3458 8.31608 14.4076 8.0005 14.4069L8.002 14.4084C7.5268 14.4082 7.06238 14.2669 6.66761 14.0024C6.27284 13.7379 5.96552 13.3621 5.7846 12.9227C5.41203 12.0228 5.61785 10.9877 6.3044 10.2997C6.99095 9.6116 8.02303 9.40578 8.9199 9.77835C9.81678 10.1509 10.4012 11.0283 10.4012 12.0018C10.4012 12.2334 10.368 12.4634 10.3027 12.6853Z" fill="#111412" fillRule="evenodd"/>
</g>
<defs>
<clipPath id="clip0_43_575">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
