import type { SVGProps } from "react";

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

/**
 * KickstarterNeutral icon from social-media category
 *
 * @example
 * <KickstarterNeutral size={16} />
 * <KickstarterNeutral size={32} className="text-primary" />
 */
export const KickstarterNeutral = ({ size = 16, ...props }: KickstarterNeutralProps) => (
  <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_409)">
<path clipRule="evenodd" d="M18.686 12.1401L20.8472 9.99324C23.086 7.76937 23.086 4.1473 20.8472 1.92341C18.6084 -0.300467 14.962 -0.300467 12.7232 1.92341L11.9363 2.70508C10.8945 1.21882 9.17656 0.25 7.21483 0.25C4.04501 0.25 1.47369 2.80416 1.47369 5.95282V18.3163C1.47369 21.4649 4.04501 24.0191 7.21483 24.0191C9.17656 24.0191 10.8945 23.0503 11.9363 21.564L12.7232 22.3457C14.962 24.5696 18.6084 24.5696 20.8472 22.3457C23.086 20.1218 23.086 16.4997 20.8472 14.2759L18.686 12.1401Z" fill="#111412" fillRule="evenodd"/>
</g>
<defs>
<clipPath id="clip0_43_409">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);