import type { SVGProps } from "react";

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

/**
 * VimeoNeutral icon from social-media category
 *
 * @example
 * <VimeoNeutral size={16} />
 * <VimeoNeutral size={32} className="text-primary" />
 */
export const VimeoNeutral = ({ size = 16, ...props }: VimeoNeutralProps) => (
  <svg
    fill="none"
    height={size}
    viewBox="0 0 24 24"
    width={size}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path d="M21.9903 7.78306C21.9013 9.62326 20.5415 12.1431 17.9115 15.3412C15.1923 18.682 12.8917 20.3522 11.0097 20.3522C9.84425 20.3522 8.85724 19.3352 8.05164 17.3005C7.51324 15.4354 6.97543 13.5705 6.43723 11.7053C5.83862 9.67175 5.19682 8.65363 4.51062 8.65363C4.36102 8.65363 3.83741 8.95118 2.94101 9.54402L2 8.39816C2.98701 7.57834 3.96081 6.75871 4.91882 5.93796C6.23523 4.86267 7.22343 4.29719 7.88204 4.24002C9.43865 4.0987 10.3967 5.10436 10.7563 7.25721C11.1449 9.57986 11.4137 11.0246 11.5649 11.5901C12.0135 13.5171 12.5071 14.4793 13.0465 14.4793C13.4651 14.4793 14.0939 13.8544 14.9323 12.6046C15.7699 11.3544 16.2185 10.4033 16.2791 9.74987C16.3983 8.67099 15.9495 8.13023 14.9323 8.13023C14.4535 8.13023 13.9599 8.23438 13.4521 8.44023C14.4349 5.39701 16.3129 3.91907 19.0849 4.00341C21.1399 4.0604 22.1087 5.32022 21.9903 7.78306Z" fill="#111412"/>
  </svg>
);