import type { SVGProps } from "react";

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

/**
 * SpotifyOriginal icon from social-media category
 *
 * @example
 * <SpotifyOriginal size={16} />
 * <SpotifyOriginal size={32} className="text-primary" />
 */
export const SpotifyOriginal = ({ size = 16, ...props }: SpotifyOriginalProps) => (
  <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.3563 0 1.52588e-05 5.35614 1.52588e-05 11.9631C1.52588e-05 18.5704 5.3563 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.51344 16.44 5.11344 16.1886 5.02202 15.7871C4.93016 15.3857 5.18059 14.9857 5.58287 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.51344 11.7549 5.70987 12.9094C5.21659 13.0584 4.69559 12.7804 4.54587 12.288C4.3973 11.7947 4.67544 11.2747 5.16787 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.82244 8.10371 5.14116 9.221C4.55002 9.40029 3.92487 9.06657 3.74573 8.47543C3.56659 7.884 3.90002 7.25929 4.49159 7.07957C8.71744 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="#1ED760"/>
  </svg>
);