import React, { Component, version } from "react";
export default function IconMail({version,style}){
  return(
    <>
      {
        version === 'v1' ? 
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><title>mail</title><g id="QxueVm"><path d="M37.51,50.69c-5.45,0-10.9,0-16.35,0a3,3,0,0,1-3.27-3.28V27.48a3,3,0,0,1,2.35-3.08,4,4,0,0,1,.92-.09H53.89a3,3,0,0,1,3.22,3.26V47.46a3,3,0,0,1-3.22,3.23c-3.5,0-7,0-10.5,0ZM23,27.05l.27.24L37,39c.41.35.6.34,1,0L51.62,27.38c.1-.08.2-.18.36-.33Zm-.35,20.89H52.28L42,39.17l-2.34,2a3.25,3.25,0,0,1-4.4,0l-1.09-.94-1.27-1.08Zm8.17-10.57L20.63,28.65V46.1Zm23.56-8.73-10.2,8.7,10.2,8.74Z"/></g></svg>
        : version === 'v2' ?
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><defs></defs><title>mail_1</title><path style={{fillRule:'evenodd'}} class="cls-1" d="M20.63,28.65V46.1l10.19-8.72Z"/><path class="cls-1" style={{fillRule:'evenodd'}} d="M37,39c.41.35.6.34,1,0L51.62,27.38c.1-.08.2-.18.36-.33H23l.27.24Z"/><path class="cls-1" style={{fillRule:'evenodd'}} d="M39.68,41.18a3.25,3.25,0,0,1-4.4,0l-1.09-.93-1.27-1.09L22.65,47.94H52.28L42,39.17Z"/><path class="cls-1" style={{fillRule:'evenodd'}} d="M54.38,46.08V28.64l-10.2,8.71Z"/><path class="cls-1" style={{fillRule:'evenodd'}} 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.86Zm19.61,45.6a3,3,0,0,1-3.22,3.23H37.51c-5.45,0-10.9,0-16.35,0a3,3,0,0,1-3.27-3.28V27.48a3,3,0,0,1,2.35-3.08,4,4,0,0,1,.92-.09H53.89a3,3,0,0,1,3.22,3.27Z"/></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>mail_2</title><path class="cls-1" style={{fill:'#1976d2',fillRule:'evenodd'}} d="M20.63,28.65V46.1l10.19-8.73Z"/><path class="cls-1" style={{fill:'#1976d2',fillRule:'evenodd'}} d="M37,39c.41.35.6.34,1,0L51.62,27.38c.1-.08.2-.18.36-.33H23l.27.24Z"/><path class="cls-1" style={{fill:'#1976d2',fillRule:'evenodd'}} d="M39.68,41.17a3.25,3.25,0,0,1-4.4,0l-1.09-.94-1.27-1.08L22.65,47.94H52.28L42,39.17Z"/><path class="cls-1" style={{fill:'#1976d2',fillRule:'evenodd'}} d="M54.38,46.08V28.64l-10.2,8.7Z"/><path class="cls-1" style={{fill:'#1976d2',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.78ZM57.11,47.46a3,3,0,0,1-3.22,3.23c-3.5,0-7,0-10.5,0H37.51c-5.45,0-10.9,0-16.35,0a3,3,0,0,1-3.27-3.28V27.48a3,3,0,0,1,2.35-3.08,4,4,0,0,1,.92-.09H53.89a3,3,0,0,1,3.22,3.26Z"/></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>mail_3</title><g id="QxueVm"><path style={{fill:'#1976d2'}} class="cls-1" d="M37.51,50.69c-5.45,0-10.9,0-16.35,0a3,3,0,0,1-3.27-3.28V27.48a3,3,0,0,1,2.35-3.08,4,4,0,0,1,.92-.09H53.89a3,3,0,0,1,3.22,3.26V47.46a3,3,0,0,1-3.22,3.23c-3.5,0-7,0-10.5,0ZM23,27.05l.27.24L37,39c.41.35.6.34,1,0L51.62,27.38c.1-.08.2-.18.36-.33Zm-.35,20.89H52.28L42,39.17l-2.34,2a3.25,3.25,0,0,1-4.4,0l-1.09-.94-1.27-1.08Zm8.17-10.57L20.63,28.65V46.1Zm23.56-8.73-10.2,8.7,10.2,8.74Z"/></g></svg>
        :
        null
      }
    </>
  )
}