import type { SVGProps } from "react";

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

/**
 * BoostyNeutral icon from social-media category
 *
 * @example
 * <BoostyNeutral size={16} />
 * <BoostyNeutral size={32} className="text-primary" />
 */
export const BoostyNeutral = ({ size = 16, ...props }: BoostyNeutralProps) => (
  <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_405)">
<path d="M2.66152 14.3365L6.8012 0H13.1631L11.8806 4.44444C11.8679 4.46984 11.8552 4.49524 11.8425 4.52064L8.46469 16.254H11.6139C10.2933 19.5429 9.26469 22.1206 8.52818 23.9873C2.71231 23.9238 1.08691 19.7587 2.50914 14.8317M8.55358 24L16.2234 12.9651H12.9726L15.8044 5.89206C20.6552 6.4 22.9409 10.2222 21.5948 14.8444C20.1599 19.8095 14.3441 24 8.68056 24C8.62977 24 8.59167 24 8.55358 24Z" fill="#111412"/>
</g>
<defs>
<clipPath id="clip0_43_405">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
