import type { SVGProps } from "react";

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

/**
 * SlackNeutral icon from social-media category
 *
 * @example
 * <SlackNeutral size={16} />
 * <SlackNeutral size={32} className="text-primary" />
 */
export const SlackNeutral = ({ size = 16, ...props }: SlackNeutralProps) => (
  <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_621)">
<path d="M6.38738 2.60789C6.38738 3.98742 7.50234 5.10238 8.88187 5.10238H11.3764V2.60789C11.3764 1.22836 10.2614 0.113403 8.88187 0.113403C7.50234 0.113403 6.38738 1.22836 6.38738 2.60789Z" fill="#111412"/>
<path d="M11.3764 8.86301C11.3764 7.48348 10.2614 6.36852 8.88187 6.36852H2.62675C1.24722 6.36852 0.132263 7.48348 0.132263 8.86301C0.132263 10.2425 1.24722 11.3575 2.62675 11.3575H8.88187C10.2614 11.3575 11.3764 10.2425 11.3764 8.86301Z" fill="#111412"/>
<path d="M2.64567 17.6126C4.0252 17.6126 5.14016 16.4977 5.14016 15.1181V12.6236H2.64567C1.26614 12.6236 0.151184 13.7386 0.151184 15.1181C0.151184 16.4977 1.26614 17.6126 2.64567 17.6126Z" fill="#111412"/>
<path d="M8.88189 12.6236C7.50237 12.6236 6.3874 13.7386 6.3874 15.1181V21.3543C6.3874 22.7339 7.50237 23.8488 8.88189 23.8488C10.2614 23.8488 11.3764 22.7339 11.3764 21.3543V15.1181C11.3764 13.7386 10.2614 12.6236 8.88189 12.6236Z" fill="#111412"/>
<path d="M18.8787 8.86301C18.8787 7.48348 19.9937 6.36852 21.3732 6.36852C22.7528 6.36852 23.8677 7.48348 23.8677 8.86301C23.8677 10.2425 22.7528 11.3575 21.3732 11.3575H18.8787V8.86301Z" fill="#111412"/>
<path d="M17.6315 8.86301C17.6315 10.2425 16.5165 11.3575 15.137 11.3575C13.7575 11.3575 12.6425 10.2425 12.6425 8.86301V2.60789C12.6425 1.22836 13.7575 0.113403 15.137 0.113403C16.5165 0.113403 17.6315 1.22836 17.6315 2.60789V8.86301Z" fill="#111412"/>
<path d="M17.6315 21.3543C17.6315 19.9748 16.5165 18.8599 15.137 18.8599H12.6425V21.3543C12.6425 22.7339 13.7575 23.8488 15.137 23.8488C16.5165 23.8488 17.6315 22.7339 17.6315 21.3543Z" fill="#111412"/>
<path d="M12.6425 15.1181C12.6425 16.4977 13.7575 17.6126 15.137 17.6126H21.3921C22.7717 17.6126 23.8866 16.4977 23.8866 15.1181C23.8866 13.7386 22.7717 12.6236 21.3921 12.6236H15.137C13.7575 12.6236 12.6425 13.7386 12.6425 15.1181Z" fill="#111412"/>
</g>
<defs>
<clipPath id="clip0_43_621">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
