import type { SVGProps } from "react";

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

/**
 * MessengerOriginal icon from social-media category
 *
 * @example
 * <MessengerOriginal size={16} />
 * <MessengerOriginal size={32} className="text-primary" />
 */
export const MessengerOriginal = ({ size = 16, ...props }: MessengerOriginalProps) => (
  <svg
    fill="none"
    height={size}
    viewBox="0 0 24 24"
    width={size}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path d="M11.9997 0C5.24085 0 0 4.95286 0 11.6397C0 15.1376 1.43396 18.1615 3.76789 20.2494C3.96289 20.4234 4.08289 20.6694 4.08889 20.9334L4.15488 23.0694C4.15969 23.2265 4.20302 23.3801 4.28108 23.5166C4.35914 23.6531 4.46952 23.7683 4.60254 23.8521C4.73555 23.936 4.88713 23.9859 5.04394 23.9974C5.20074 24.009 5.35799 23.9818 5.50185 23.9183L7.88378 22.8684C8.08477 22.7784 8.31277 22.7634 8.52576 22.8204C9.62073 23.1204 10.7847 23.2824 11.9997 23.2824C18.7585 23.2824 23.9993 18.3295 23.9993 11.6427C23.9993 4.95586 18.7585 0 11.9997 0Z" fill="url(#paint0_radial_43_650)"/>
<path d="M4.79389 15.0446L8.31879 9.45275C8.45139 9.24222 8.6262 9.06147 8.83218 8.92191C9.03816 8.78234 9.27084 8.687 9.51552 8.6419C9.76021 8.59679 10.0116 8.60291 10.2538 8.65986C10.496 8.71681 10.7238 8.82335 10.9227 8.97276L13.7276 11.0757C13.8529 11.1695 14.0052 11.2199 14.1616 11.2193C14.3181 11.2188 14.47 11.1673 14.5946 11.0727L18.3805 8.19878C18.8845 7.8148 19.5445 8.42078 19.2085 8.95776L15.6806 14.5466C15.548 14.7571 15.3732 14.9379 15.1672 15.0775C14.9612 15.217 14.7285 15.3124 14.4838 15.3575C14.2392 15.4026 13.9878 15.3965 13.7456 15.3395C13.5034 15.2826 13.2756 15.176 13.0767 15.0266L10.2717 12.9237C10.1465 12.8299 9.99417 12.7795 9.83774 12.78C9.68132 12.7806 9.52933 12.832 9.40476 12.9267L5.61886 15.8006C5.11488 16.1846 4.4549 15.5816 4.79389 15.0446Z" fill="white"/>
<defs>
<radialGradient cx="0" cy="0" gradientTransform="translate(4.01989 23.9993) scale(26.3993 26.3993)" gradientUnits="userSpaceOnUse" id="paint0_radial_43_650" r="1">
<stop stopColor="#0099FF"/>
<stop offset="0.6" stopColor="#A033FF"/>
<stop offset="0.9" stopColor="#FF5280"/>
<stop offset="1" stopColor="#FF7061"/>
</radialGradient>
</defs>
  </svg>
);
