import React, { Component, version } from "react";
export default function IconMessenger({version,style}){
  return(
    <>
      {
        version === 'v1' ? 
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><title>messenger</title><path d="M37.5,18.13C26.2,18.13,17,26.61,17,37.07a18.42,18.42,0,0,0,7.63,14.75v7.23l7-3.82A22.18,22.18,0,0,0,37.5,56C48.8,56,58,47.54,58,37.08S48.8,18.13,37.5,18.13Zm2,25.51-5.21-5.56L24.16,43.64,35.34,31.77l5.34,5.56,10-5.56Z"/></svg>
        : version === 'v2' ?
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><defs></defs><title>messenger_1</title><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,56a22.18,22.18,0,0,1-5.87-.79l-7,3.82V51.82A18.42,18.42,0,0,1,17,37.07C17,26.61,26.2,18.13,37.5,18.13S58,26.61,58,37.08,48.8,56,37.5,56Z"/><polygon class="cls-1" style={{fillRule:'evenodd'}} points="35.34 31.77 24.16 43.64 34.32 38.08 39.53 43.64 50.72 31.77 40.68 37.33 35.34 31.77"/></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>messenger_2</title><path class="cls-1" style={{fill:'#1e88e5',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,58A24.44,24.44,0,0,1,31,57.07l-7.74,4.25v-8a20.43,20.43,0,0,1-8.47-16.38c0-11.63,10.18-21,22.73-21s22.73,9.42,22.73,21S50.05,58,37.5,58Z"/><polygon class="cls-1" style={{fill:'#1e88e5',fillRule:'evenodd'}} points="35.1 31.01 22.68 44.2 33.97 38.03 39.76 44.2 52.19 31.01 41.03 37.19 35.1 31.01"/></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>messenger_3</title><path class="cls-1" style={{fill:'#1e88e5'}} d="M35.5,14.28c-12.55,0-22.73,9.42-22.73,21a20.45,20.45,0,0,0,8.47,16.39v8L29,55.49a24.44,24.44,0,0,0,6.52.88c12.55,0,22.73-9.42,22.73-21S48.05,14.28,35.5,14.28Z"/><polygon class="cls-2" style={{fill:'#fafafa'}} points="37.76 42.62 31.97 36.45 20.68 42.62 33.1 29.43 39.03 35.6 50.19 29.43 37.76 42.62"/></svg>
        :
        null
      }
    </>
  )
}