import type { SVGProps } from "react";

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

/**
 * YoutubeNeutral icon from social-media category
 *
 * @example
 * <YoutubeNeutral size={16} />
 * <YoutubeNeutral size={32} className="text-primary" />
 */
export const YoutubeNeutral = ({ size = 16, ...props }: YoutubeNeutralProps) => (
  <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_469)">
<path clipRule="evenodd" d="M22.7465 4.83413C23.1189 5.20889 23.3863 5.67489 23.522 6.18547C24.0238 8.07002 24.0238 12 24.0238 12C24.0238 12 24.0238 15.93 23.522 17.8146C23.3863 18.3251 23.1189 18.7911 22.7465 19.1659C22.3741 19.5407 21.9099 19.8111 21.4002 19.95C19.5238 20.4546 12.0238 20.4546 12.0238 20.4546C12.0238 20.4546 4.5238 20.4546 2.64744 19.95C2.13773 19.8111 1.67346 19.5407 1.30109 19.1659C0.92872 18.7911 0.661309 18.3251 0.525622 17.8146C0.0238038 15.93 0.0238037 12 0.0238037 12C0.0238037 12 0.0238038 8.07002 0.525622 6.18547C0.661309 5.67489 0.92872 5.20889 1.30109 4.83413C1.67346 4.45936 2.13773 4.18897 2.64744 4.05002C4.5238 3.54547 12.0238 3.54547 12.0238 3.54547C12.0238 3.54547 19.5238 3.54547 21.4002 4.05002C21.9099 4.18897 22.3741 4.45936 22.7465 4.83413ZM15.842 12L9.56927 8.43141V15.5687L15.842 12Z" fill="#111412" fillRule="evenodd"/>
</g>
<defs>
<clipPath id="clip0_43_469">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
