import type { SVGProps } from "react";

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

/**
 * PatreonNeutral icon from social-media category
 *
 * @example
 * <PatreonNeutral size={16} />
 * <PatreonNeutral size={32} className="text-primary" />
 */
export const PatreonNeutral = ({ size = 16, ...props }: PatreonNeutralProps) => (
  <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_431)">
<path d="M22.9567 7.21C22.9524 4.14555 20.5658 1.634 17.7656 0.727776C14.2882 -0.397558 9.702 -0.234446 6.38156 1.33222C2.35711 3.23133 1.09289 7.39133 1.04578 11.5402C1.00711 14.9513 1.34756 23.9356 6.41511 23.9996C10.1804 24.0473 10.7411 19.1956 12.4833 16.8589C13.7229 15.1964 15.3189 14.7269 17.2836 14.2407C20.6602 13.4049 22.9616 10.74 22.9567 7.21Z" fill="#111412"/>
</g>
<defs>
<clipPath id="clip0_43_431">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);