import type { SVGProps } from "react";

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

/**
 * SpotifyNeutral icon from social-media category
 *
 * @example
 * <SpotifyNeutral size={16} />
 * <SpotifyNeutral size={32} className="text-primary" />
 */
export const SpotifyNeutral = ({ size = 16, ...props }: SpotifyNeutralProps) => (
  <svg
    fill="none"
    height={size}
    viewBox="0 0 24 24"
    width={size}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path d="M11.9633 0C5.35631 0 2.09808e-05 5.35614 2.09808e-05 11.9631C2.09808e-05 18.5704 5.35631 23.9261 11.9633 23.9261C18.571 23.9261 23.9267 18.5704 23.9267 11.9631C23.9267 5.35657 18.571 0.000571425 11.9632 0.000571425L11.9633 0ZM17.4496 17.2543C17.2353 17.6057 16.7753 17.7171 16.4239 17.5014C13.615 15.7857 10.079 15.3971 5.91473 16.3486C5.51345 16.44 5.11345 16.1886 5.02202 15.7871C4.93016 15.3857 5.18059 14.9857 5.58288 14.8943C10.14 13.8527 14.049 14.3014 17.2024 16.2286C17.5539 16.4443 17.6653 16.9029 17.4496 17.2543ZM18.9139 13.9964C18.6439 14.4357 18.0696 14.5743 17.631 14.3043C14.4153 12.3273 9.51345 11.7549 5.70988 12.9094C5.21659 13.0584 4.69559 12.7804 4.54588 12.288C4.39731 11.7947 4.67545 11.2747 5.16788 11.1247C9.51259 9.80643 14.9139 10.445 18.6067 12.7143C19.0453 12.9843 19.1839 13.5584 18.9139 13.9964ZM19.0396 10.6044C15.1839 8.31429 8.82245 8.10371 5.14116 9.221C4.55002 9.40029 3.92488 9.06657 3.74573 8.47543C3.56659 7.884 3.90002 7.25929 4.49159 7.07957C8.71745 5.79671 15.7424 6.04457 20.1816 8.67986C20.7144 8.99543 20.8887 9.68214 20.573 10.2131C20.2587 10.7449 19.5702 10.9201 19.0402 10.6044H19.0396Z" fill="#111412"/>
  </svg>
);