import React, { Component, version } from "react";
export default function IconSpotify({version,style}){
  return(
    <>
      {
        version === 'v1' ? 
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><title>spotify</title><path d="M37.5,20.23A20.46,20.46,0,1,0,58,40.69,20.46,20.46,0,0,0,37.5,20.23Zm9.39,29.53a1.29,1.29,0,0,1-1,.55,1.23,1.23,0,0,1-.73-.24c-4.8-3.37-12.78-3.55-18.16-2.3a1.28,1.28,0,1,1-.58-2.49c5.92-1.37,14.77-1.12,20.2,2.7A1.28,1.28,0,0,1,46.89,49.76Zm2.49-5a1.28,1.28,0,0,1-1,.54,1.31,1.31,0,0,1-.75-.24c-5.56-4-12.39-5-21.51-3.13a1.28,1.28,0,1,1-.51-2.5c9.86-2,17.33-.89,23.52,3.55A1.28,1.28,0,0,1,49.38,44.77Zm2.53-6.7a1.3,1.3,0,0,1-1.07.56,1.26,1.26,0,0,1-.71-.22c-7.06-4.78-17.77-4.8-24.71-2.35a1.28,1.28,0,1,1-.85-2.41C32.11,31,43.81,31,51.57,36.3A1.28,1.28,0,0,1,51.91,38.07Z"/></svg>
        : version === 'v2' ?
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><defs></defs><title>spotify_1</title><path class="cls-1" style={{fillRule:'evenodd'}} d="M25.57,36.25a1.28,1.28,0,1,0,.51,2.5c9.12-1.86,16-.87,21.51,3.13a1.31,1.31,0,0,0,.75.24,1.28,1.28,0,0,0,.75-2.32C42.9,35.36,35.43,34.23,25.57,36.25Z"/><path class="cls-1" style={{fillRule:'evenodd'}} d="M26.37,42.09A1.28,1.28,0,1,0,27,44.58c5.38-1.25,13.36-1.07,18.16,2.31a1.28,1.28,0,1,0,1.46-2.1C41.14,41,32.29,40.72,26.37,42.09Z"/><path class="cls-1" style={{fillRule:'evenodd'}} d="M24.57,30.46a1.28,1.28,0,1,0,.85,2.41c6.94-2.45,17.65-2.43,24.71,2.35a1.26,1.26,0,0,0,.71.22,1.3,1.3,0,0,0,1.07-.56,1.28,1.28,0,0,0-.34-1.77C43.81,27.85,32.11,27.79,24.57,30.46Z"/><path class="cls-1" style={{fillRule:'evenodd'}} d="M37.5,1.78A35.72,35.72,0,1,0,73.22,37.5,35.72,35.72,0,0,0,37.5,1.78ZM37.5,58A20.46,20.46,0,1,1,58,37.5,20.46,20.46,0,0,1,37.5,58Z"/></svg>
        : version === 'v3' ?
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={{background:'initial',padding:'0px'}}><defs></defs><title>spotify_2</title><path class="cls-1" style={{fill:'#8bc34a',fillRule:'evenodd'}} d="M24.24,36.11a1.41,1.41,0,0,0-1.1,1.67,1.42,1.42,0,0,0,1.67,1.11c10.14-2.07,17.73-1,23.91,3.47a1.39,1.39,0,0,0,.82.27,1.42,1.42,0,0,0,.83-2.58C43.5,35.12,35.2,33.87,24.24,36.11Z"/><path class="cls-1" style={{fill:'#8bc34a',fillRule:'evenodd'}} d="M25.13,42.6a1.42,1.42,0,1,0,.65,2.77c6-1.39,14.84-1.19,20.17,2.56a1.45,1.45,0,0,0,.82.26,1.42,1.42,0,0,0,.81-2.59C41.54,41.36,31.71,41.08,25.13,42.6Z"/><path class="cls-1" style={{fill:'#8bc34a',fillRule:'evenodd'}} d="M23.13,29.67a1.43,1.43,0,1,0,.95,2.69c7.71-2.73,19.61-2.71,27.45,2.61a1.38,1.38,0,0,0,.8.25,1.42,1.42,0,0,0,.8-2.6C44.51,26.77,31.52,26.71,23.13,29.67Z"/><path class="cls-1" style={{fill:'#8bc34a',fillRule:'evenodd'}} d="M37.5,1.78A35.72,35.72,0,1,0,73.22,37.5,35.72,35.72,0,0,0,37.5,1.78Zm0,58.45A22.73,22.73,0,1,1,60.23,37.5,22.73,22.73,0,0,1,37.5,60.23Z"/></svg>
        : version === 'v4' ?
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={{background:'initial',padding:'0px'}}><defs></defs><title>spotify_3</title><circle class="cls-1" style={{fill:'#8bc34a'}} cx="37.5" cy="39.11" r="22.73"/><path class="cls-2" style={{fill:'#37474f'}} d="M46.77,49.79a1.44,1.44,0,0,1-.82-.25c-5.33-3.75-14.19-4-20.17-2.56a1.42,1.42,0,1,1-.65-2.77c6.58-1.53,16.41-1.25,22.45,3a1.42,1.42,0,0,1,.35,2A1.43,1.43,0,0,1,46.77,49.79Z"/><path class="cls-2" style={{fill:'#37474f'}} d="M49.54,44.24a1.39,1.39,0,0,1-.82-.27C42.54,39.53,35,38.43,24.81,40.5a1.42,1.42,0,0,1-1.67-1.11,1.4,1.4,0,0,1,1.1-1.67c11-2.24,19.26-1,26.13,3.94a1.42,1.42,0,0,1-.83,2.58Z"/><path class="cls-2" style={{fill:'#37474f'}} d="M52.33,36.82a1.44,1.44,0,0,1-.8-.24C43.69,31.26,31.79,31.24,24.08,34a1.42,1.42,0,1,1-.95-2.68c8.39-3,21.38-2.9,30,2.95a1.43,1.43,0,0,1,.38,2A1.45,1.45,0,0,1,52.33,36.82Z"/></svg>
        :
        null
      }
    </>
  )
}