import React, { Component, version } from "react";
export default function IconZoom({version,style}){
  return(
    <>
      {
        version === 'v1' ? 
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><title>zoom</title><path d="M31.92,27c2.77,0,5.54,0,8.31,0A6.38,6.38,0,0,1,47.1,33.9c-.05,3.77,0,7.54,0,11.32,0,1.65-.81,2.61-2.39,2.61-6.18,0-12.36.05-18.53-.15a5.64,5.64,0,0,1-5.53-5.57c-.17-4.16-.13-8.34-.09-12.51,0-1.77.95-2.57,2.75-2.58,2.87,0,5.75,0,8.62,0Z"/><path d="M57.48,37.46v7.31a3.43,3.43,0,0,1-.07,1.29c-.2.52-.5,1.18-.93,1.36a2,2,0,0,1-1.63-.27c-1.62-1.23-3.15-2.57-4.71-3.88a4.07,4.07,0,0,1-1.56-3.51,46.25,46.25,0,0,0,0-4.71,4.17,4.17,0,0,1,1.6-3.51c1.44-1.24,2.91-2.44,4.38-3.65a1.81,1.81,0,0,1,2-.5,1.77,1.77,0,0,1,.91,1.86v8.21Z"/></svg>
        : version === 'v2' ?
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><defs></defs><title>zoom_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.86Zm9.57,43.36c0,1.66-.8,2.61-2.39,2.61-6.17,0-12.35.05-18.52-.15a5.65,5.65,0,0,1-5.54-5.57c-.17-4.16-.13-8.34-.08-12.51,0-1.77.95-2.57,2.75-2.58,2.87,0,5.74,0,8.61,0h0c2.77,0,5.55,0,8.32,0,4.26-.05,6.92,2.78,6.87,6.88C47,37.67,47.09,41.45,47.07,45.22Zm10.33.85c-.2.51-.5,1.17-.94,1.35a1.89,1.89,0,0,1-1.62-.27c-1.62-1.23-3.15-2.57-4.72-3.88a4.06,4.06,0,0,1-1.55-3.51q.1-2.35,0-4.71a4.18,4.18,0,0,1,1.59-3.51c1.44-1.24,2.92-2.44,4.38-3.65a1.82,1.82,0,0,1,2-.5c.81.37.91,1.09.91,1.86v8.21h0v7.32A3.67,3.67,0,0,1,57.4,46.07Z"/></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>zoom_2</title><path
        style={{fill:'#03a9f4',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.78Zm9.57,43.44c0,1.65-.8,2.61-2.39,2.61-6.17,0-12.35.05-18.52-.15a5.65,5.65,0,0,1-5.54-5.57c-.17-4.16-.13-8.34-.08-12.51,0-1.77.95-2.57,2.75-2.58,2.87,0,5.74,0,8.61,0h0c2.77,0,5.55,0,8.32,0,4.26-.05,6.92,2.78,6.87,6.88C47,37.67,47.09,41.45,47.07,45.22Zm10.33.85c-.2.51-.5,1.17-.94,1.35a1.89,1.89,0,0,1-1.62-.27c-1.62-1.23-3.15-2.57-4.72-3.88a4.06,4.06,0,0,1-1.55-3.51q.1-2.35,0-4.71a4.16,4.16,0,0,1,1.59-3.51c1.44-1.24,2.92-2.44,4.38-3.65a1.82,1.82,0,0,1,2-.5c.81.37.91,1.09.91,1.86v8.21h0v7.31A3.72,3.72,0,0,1,57.4,46.07Z"/></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>zoom_3</title><path style={{fill:'#03a9f4'}} class="cls-1" d="M31.92,27c2.77,0,5.54,0,8.31,0A6.38,6.38,0,0,1,47.1,33.9c-.05,3.77,0,7.54,0,11.32,0,1.65-.81,2.61-2.39,2.61-6.18,0-12.36.05-18.53-.15a5.64,5.64,0,0,1-5.53-5.57c-.17-4.16-.13-8.34-.09-12.51,0-1.77.95-2.57,2.75-2.58,2.87,0,5.75,0,8.62,0Z"/><path style={{fill:'#03a9f4'}} d="M57.48,37.46v7.31a3.43,3.43,0,0,1-.07,1.29c-.2.52-.5,1.18-.93,1.36a2,2,0,0,1-1.63-.27c-1.62-1.23-3.15-2.57-4.71-3.88a4.07,4.07,0,0,1-1.56-3.51,46.25,46.25,0,0,0,0-4.71,4.17,4.17,0,0,1,1.6-3.51c1.44-1.24,2.91-2.44,4.38-3.65a1.81,1.81,0,0,1,2-.5,1.77,1.77,0,0,1,.91,1.86v8.21Z"/></svg>
        :
        null
      }
    </>
  )
}