import type { SVGProps } from "react";

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

/**
 * ZoomNeutral icon from social-media category
 *
 * @example
 * <ZoomNeutral size={16} />
 * <ZoomNeutral size={32} className="text-primary" />
 */
export const ZoomNeutral = ({ size = 16, ...props }: ZoomNeutralProps) => (
  <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_728)">
<path clipRule="evenodd" d="M23.6998 15.7684C23.8968 14.5415 24 13.2833 24 12C24 10.7168 23.8969 9.45848 23.6998 8.23157C23.0474 4.16989 19.8301 0.952561 15.7684 0.300215C14.5415 0.103157 13.2832 0 12 0C10.7168 0 9.45855 0.103157 8.23161 0.300215C4.16993 0.952561 0.952586 4.16989 0.300214 8.23158C0.103157 9.45848 0 10.7168 0 12C0 13.2833 0.103157 14.5415 0.300214 15.7684C0.952577 19.8301 4.16992 23.0475 8.23161 23.6998C9.45855 23.8969 10.7168 24 12 24C13.2832 24 14.5415 23.8969 15.7684 23.6998C19.8301 23.0475 23.0474 19.8301 23.6998 15.7684ZM13.2857 16.2857C13.9958 16.2857 14.5714 15.71 14.5714 15V10.2857C14.5714 8.86556 13.4202 7.71429 12 7.71429H6.42857C5.71848 7.71429 5.14285 8.28998 5.14285 9.00001V13.7143C5.14285 15.1345 6.29412 16.2857 7.71428 16.2857H13.2857ZM15.9428 9.89993L17.8286 8.48565C18.2524 8.1678 18.8571 8.4702 18.8571 8.99994V14.9999C18.8571 15.5297 18.2524 15.8321 17.8286 15.5142L15.9429 14.0999C15.6191 13.8571 15.4286 13.4761 15.4286 13.0714L15.4286 10.9285C15.4286 10.5238 15.6191 10.1428 15.9428 9.89993Z" fill="#111412" fillRule="evenodd"/>
</g>
<defs>
<clipPath id="clip0_43_728">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
