import type { SVGProps } from "react";

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

/**
 * ZoomOriginal icon from social-media category
 *
 * @example
 * <ZoomOriginal size={16} />
 * <ZoomOriginal size={32} className="text-primary" />
 */
export const ZoomOriginal = ({ size = 16, ...props }: ZoomOriginalProps) => (
  <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_725)">
<path d="M24 12C24 13.2833 23.8968 14.5415 23.6998 15.7684C23.0474 19.8301 19.8301 23.0475 15.7684 23.6998C14.5415 23.8969 13.2832 24 12 24C10.7168 24 9.45855 23.8969 8.23161 23.6998C4.16992 23.0475 0.952577 19.8301 0.300214 15.7684C0.103157 14.5415 0 13.2833 0 12C0 10.7168 0.103157 9.45848 0.300214 8.23158C0.952586 4.16989 4.16993 0.952561 8.23161 0.300215C9.45855 0.103157 10.7168 0 12 0C13.2832 0 14.5415 0.103157 15.7684 0.300215C19.8301 0.952561 23.0474 4.16989 23.6998 8.23157C23.8969 9.45848 24 10.7168 24 12Z" fill="#0B5CFF"/>
<path d="M14.5714 15C14.5714 15.7101 13.9958 16.2857 13.2857 16.2857H7.71429C6.29412 16.2857 5.14286 15.1345 5.14286 13.7143V9.00001C5.14286 8.28998 5.71849 7.71429 6.42857 7.71429H12C13.4202 7.71429 14.5714 8.86556 14.5714 10.2857V15ZM17.8286 8.48565L15.9428 9.89993C15.6191 10.1428 15.4286 10.5238 15.4286 10.9285L15.4286 13.0714C15.4286 13.4761 15.6191 13.8571 15.9429 14.0999L17.8286 15.5142C18.2524 15.8321 18.8571 15.5297 18.8571 14.9999V8.99994C18.8571 8.4702 18.2524 8.1678 17.8286 8.48565Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_43_725">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
