import type { SVGProps } from "react";

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

/**
 * CapterraNeutral icon from social-media category
 *
 * @example
 * <CapterraNeutral size={16} />
 * <CapterraNeutral size={32} className="text-primary" />
 */
export const CapterraNeutral = ({ size = 16, ...props }: CapterraNeutralProps) => (
  <svg
    fill="none"
    height={size}
    viewBox="0 0 24 24"
    width={size}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <g transform="scale(0.48)">
<g clipPath="url(#clip0_capterra_neut)">
<path d="M0.45343 18.3837L21.1894 18.3879L33.7984 18.39V5.89844L0.45343 18.3837Z" fill="#111412"/>
<path d="M33.7983 5.8985V50L49.5466 0L33.7983 5.8985Z" fill="#111412"/>
<path d="M33.7983 18.3898L21.1894 18.3877L33.7985 49.9998L33.7983 18.3898Z" fill="#111412"/>
<path d="M0.45343 18.3838L24.4229 26.4991L21.1894 18.3879L0.45343 18.3838Z" fill="#111412"/>
</g>
</g>
<defs>
<clipPath id="clip0_capterra_neut">
<rect fill="white" height="50" width="50"/>
</clipPath>
</defs>
  </svg>
);
