import type { SVGProps } from "react";

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

/**
 * ArtstationNeutral icon from social-media category
 *
 * @example
 * <ArtstationNeutral size={16} />
 * <ArtstationNeutral size={32} className="text-primary" />
 */
export const ArtstationNeutral = ({ size = 16, ...props }: ArtstationNeutralProps) => (
  <svg
    fill="none"
    height={size}
    viewBox="0 0 24 24"
    width={size}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path d="M22.7968 17.1735C22.7968 16.7449 22.6743 16.3367 22.4499 15.9898L15.3478 3.66327C14.9805 2.96939 14.2662 2.5 13.4294 2.5H9.67435L20.6335 21.4796L22.3682 18.4796C22.6948 17.9082 22.7968 17.6633 22.7968 17.1735Z" fill="#111412"/>
<path d="M1.20499 17.1531L3.02131 20.2959C3.38866 21.0102 4.12335 21.5 4.96009 21.5H17.0621L14.5519 17.1531H1.20499Z" fill="#111412"/>
<path d="M7.89884 5.58167L12.7764 14.0511H3.00089L7.89884 5.58167Z" fill="#111412"/>
  </svg>
);