import type { SVGProps } from "react";

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

/**
 * XingNeutral icon from social-media category
 *
 * @example
 * <XingNeutral size={16} />
 * <XingNeutral size={32} className="text-primary" />
 */
export const XingNeutral = ({ size = 16, ...props }: XingNeutralProps) => (
  <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_742)">
<path d="M17.5393 0.659247C17.725 0.325695 17.9492 0 18.466 0H21.9628C22.1713 0 22.3349 0.0786725 22.423 0.221061C22.5143 0.368957 22.5119 0.564056 22.416 0.755219L14.7521 14.3058C14.7474 14.3128 14.7474 14.3215 14.7521 14.3286L19.6319 23.244C19.7287 23.4359 19.731 23.631 19.639 23.7789C19.5509 23.9213 19.388 24 19.1796 24H15.7221C15.1919 24 14.9268 23.6476 14.7553 23.3408C14.7553 23.3408 9.84956 14.3412 9.83698 14.3176C10.0824 13.8833 17.5393 0.659247 17.5393 0.659247Z" fill="#111412"/>
<path d="M3.45187 4.95596C3.53998 4.81279 3.71541 4.73962 3.92388 4.73962H7.38526C7.91627 4.73962 8.17666 5.08183 8.34895 5.38863C8.34895 5.38863 10.7145 9.51555 10.7286 9.53836C10.5886 9.78538 6.99193 16.1465 6.99193 16.1465C6.81493 16.4659 6.56555 16.8151 6.04791 16.8151H2.58653C2.37806 16.8151 2.2223 16.7215 2.13419 16.5791C2.04293 16.4312 2.03821 16.2393 2.13419 16.0481L5.81191 9.55803C5.81584 9.55095 5.81584 9.54623 5.81191 9.53836L3.47154 5.48697C3.37478 5.29423 3.36062 5.10386 3.45187 4.95596Z" fill="#111412"/>
</g>
<defs>
<clipPath id="clip0_43_742">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
