import type { SVGProps } from "react";

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

/**
 * StackOverflowOriginal icon from social-media category
 *
 * @example
 * <StackOverflowOriginal size={16} />
 * <StackOverflowOriginal size={32} className="text-primary" />
 */
export const StackOverflowOriginal = ({ size = 16, ...props }: StackOverflowOriginalProps) => (
  <svg
    fill="none"
    height={size}
    viewBox="0 0 24 24"
    width={size}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path d="M19.1272 21.866V15.4364H21.2611V24H2V15.4364H4.13397V21.866H19.1272Z" fill="#BCBBBB"/>
<path d="M6.49015 14.8269L16.966 17.0163L17.4094 14.9101L6.93357 12.7207L6.49015 14.8269ZM7.87584 9.83843L17.5757 14.3558L18.4625 12.4158L8.76269 7.87074L7.87584 9.83843ZM10.5641 5.07164L18.7951 11.917L20.1531 10.2818L11.9221 3.43652L10.5641 5.07164ZM15.8852 0L14.1669 1.27484L20.5411 9.86614L22.2593 8.5913L15.8852 0ZM6.26844 19.7046H16.966V17.5706H6.26844V19.7046Z" fill="#F48023"/>
  </svg>
);
