import React, { Component, version } from "react";
export default function IconCall({version,style}){
  return(
    <>
      {
        version === 'v1' ? 
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><title>phone</title><g id="OMrRjb"><path d="M27.17,22.78c1.54-.29,2.36.4,2.87,1.81.63,1.76,1.43,3.46,2.19,5.17A1.85,1.85,0,0,1,31.87,32c-.65.68-1.23,1.42-1.86,2.12a1.26,1.26,0,0,0-.16,1.61,20.88,20.88,0,0,0,11,9.33,1.09,1.09,0,0,0,1.37-.47c.74-1,1.49-1.89,2.21-2.85a1.37,1.37,0,0,1,1.91-.47q3,1.44,6.14,2.84a1.41,1.41,0,0,1,.86,1.7c-.76,5.49-5.54,7.15-9.09,6.49A27,27,0,0,1,34.1,47.93a34,34,0,0,1-10.66-11.5,12,12,0,0,1-1.67-8.19,8.12,8.12,0,0,1,3.27-5,6.84,6.84,0,0,1,2.12-.65Z"/></g></svg>
        : version === 'v2' ?

        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><defs></defs><title>phone_1</title><path class="cls-1" d="M37.5,1.86A35.73,35.73,0,1,0,73.22,37.59,35.73,35.73,0,0,0,37.5,1.86Zm11,41.42a5.19,5.19,0,0,1-6.31,4.5,18.56,18.56,0,0,1-7.07-3,23.56,23.56,0,0,1-7.4-8,8.35,8.35,0,0,1-1.17-5.69,5.65,5.65,0,0,1,2.28-3.5,4.44,4.44,0,0,1,1.47-.45v.16a1.6,1.6,0,0,1,2,1.25c.44,1.22,1,2.41,1.52,3.6a1.29,1.29,0,0,1-.25,1.56c-.45.47-.86,1-1.29,1.47a.88.88,0,0,0-.12,1.12,14.58,14.58,0,0,0,7.67,6.48.77.77,0,0,0,1-.33c.51-.66,1-1.31,1.53-2a.94.94,0,0,1,1.32-.33c1.42.68,2.84,1.33,4.27,2A1,1,0,0,1,48.52,43.28Z"/></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>phone_2</title><path style={{fill:'#1976d2',fillRule:'evenodd'}} class="cls-1" 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.78Zm15.88,44c-.76,5.49-5.54,7.15-9.09,6.49A27,27,0,0,1,34.1,47.93a34,34,0,0,1-10.66-11.5,12,12,0,0,1-1.67-8.19,8.12,8.12,0,0,1,3.27-5,6.84,6.84,0,0,1,2.12-.65v.23c1.54-.29,2.36.4,2.87,1.81.63,1.76,1.43,3.46,2.19,5.17A1.85,1.85,0,0,1,31.87,32c-.65.68-1.23,1.42-1.86,2.12a1.26,1.26,0,0,0-.16,1.61,20.88,20.88,0,0,0,11,9.33,1.09,1.09,0,0,0,1.37-.47c.74-1,1.49-1.89,2.21-2.85a1.37,1.37,0,0,1,1.91-.47q3,1.44,6.14,2.84A1.41,1.41,0,0,1,53.38,45.82Z"/></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>phone_3</title><g id="OMrRjb"><path style={{fill:'#1976d2'}} class="cls-1" d="M27.17,22.78c1.54-.29,2.36.4,2.87,1.81.63,1.76,1.43,3.46,2.19,5.17A1.85,1.85,0,0,1,31.87,32c-.65.68-1.23,1.42-1.86,2.12a1.26,1.26,0,0,0-.16,1.61,20.88,20.88,0,0,0,11,9.33,1.09,1.09,0,0,0,1.37-.47c.74-1,1.49-1.89,2.21-2.85a1.37,1.37,0,0,1,1.91-.47q3,1.44,6.14,2.84a1.41,1.41,0,0,1,.86,1.7c-.76,5.49-5.54,7.15-9.09,6.49A27,27,0,0,1,34.1,47.93a34,34,0,0,1-10.66-11.5,12,12,0,0,1-1.67-8.19,8.12,8.12,0,0,1,3.27-5,6.84,6.84,0,0,1,2.12-.65Z"/></g></svg>
        :
        null
      }
    </>
  )
}