import React from 'react'
import Svg, { Path } from 'react-native-svg'

import { DspColors } from '../Colors'
import { SvgIconProps } from '../components/SvgIcon'

function Spotify(props: SvgIconProps): React.ReactElement {
  return (
    <Svg width={24} height={24} viewBox="0 0 24 24" {...props}>
      <Path
        d="M12 24c6.624 0 12-5.376 12-12S18.624 0 12 0 0 5.376 0 12s5.376 12 12 12zm7.883-12c-.25 0-.404-.07-.62-.208-3.427-2.268-9.555-2.812-13.52-1.585-.174.053-.39.139-.622.139-.635 0-1.121-.55-1.121-1.26 0-.725.404-1.136.838-1.275C6.532 7.261 8.428 7 10.493 7c3.514 0 7.196.811 9.886 2.55.376.24.621.572.621 1.207 0 .725-.53 1.243-1.117 1.243zm-1.848 3c-.258 0-.433-.109-.612-.198-3.108-1.748-7.743-2.451-11.866-1.389-.239.062-.368.123-.592.123-.532 0-.965-.41-.965-.916 0-.505.259-.84.77-.978A17.556 17.556 0 019.636 11c3.228 0 6.346.76 8.803 2.149.403.226.562.52.562.93-.005.51-.423.921-.965.921zm-.794 3c-.21 0-.34-.057-.535-.156-3.116-1.635-6.742-1.704-10.323-1.065-.194.043-.45.113-.594.113-.484 0-.789-.335-.789-.687 0-.448.305-.66.68-.73 4.09-.787 8.27-.717 11.836 1.139.304.17.484.321.484.717 0 .395-.355.669-.76.669z"
        fill={props.fill ?? DspColors.spotify}
        fillRule="nonzero"
      />
    </Svg>
  )
}

export default Spotify