import React, { Component, version } from "react";
export default function IconHangout({version,style}){
  return(
    <>
      {
        version === 'v1' ? 
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><title>hangouts</title><path d="M37.45,15.86a17.9,17.9,0,0,0-2.56,35.62v5.29h1.28c10.22,0,19.18-10.75,19.18-23A17.92,17.92,0,0,0,37.45,15.86ZM34.89,36.59s0,2.49-3.83,3.56V36.32H27.22V28.64h7.67Zm12.79,0s0,2.49-3.83,3.56V36.32H40V28.64h7.67Z"/></svg>
        : version === 'v2' ?
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><defs></defs><title>hangouts_1</title><path class="cls-1" style={{fillRule:'evenodd'}} d="M27.22,36.32h3.84v3.83c3.83-1.07,3.83-3.56,3.83-3.56v-8H27.22Z"/><path class="cls-1" style={{fillRule:'evenodd'}} d="M40,36.32h3.84v3.83c3.83-1.07,3.83-3.56,3.83-3.56v-8H40Z"/><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.78Zm-1.33,55H34.89V51.48A17.9,17.9,0,1,1,55.35,33.76C55.35,46,46.39,56.77,36.17,56.77Z"/></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>hangouts_2</title><path class="cls-1" style={{fill:'#4caf50',fillRule:'evenodd'}} d="M26.09,36.32h4.26v4.26c4.26-1.19,4.26-4,4.26-4V27.79H26.09Z"/><path class="cls-1" style={{fill:'#4caf50',fillRule:'evenodd'}} d="M40.29,36.32h4.27v4.26c4.26-1.19,4.26-4,4.26-4V27.79H40.29Z"/><path class="cls-1" style={{fill:'#4caf50',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.78ZM36,59.05H34.61V53.16A19.89,19.89,0,1,1,57.34,33.47C57.34,47.1,47.38,59.05,36,59.05Z"/></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>hangouts_3</title><path class="cls-1" style={{fill:'#4caf50',fillRule:'evenodd'}} d="M35.45,12a19.89,19.89,0,0,0-2.84,39.58v5.88H34c11.35,0,21.31-12,21.31-25.57A19.91,19.91,0,0,0,35.45,12Z"/><path class="cls-2" style={{fill:'#fafafa',fillRule:'evenodd'}} d="M24.09,26.21v8.52h4.26V39c4.26-1.19,4.26-4,4.26-4V26.21Z"/><path class="cls-2" style={{fill:'#fafafa',fillRule:'evenodd'}} d="M38.29,26.21v8.52h4.27V39c4.26-1.19,4.26-4,4.26-4V26.21Z"/></svg>
        :
        null
      }
    </>
  )
}