import React, { Component, version } from "react";
export default function IconDrive({version,style}){
  return(
    <>
      {
        version === 'v1' ?
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><title>drive</title><polygon points="44.62 43.49 31.5 18.91 44.02 18.91 57.13 43.49 44.62 43.49"/><polygon points="24.71 53.72 29.99 44.48 57.06 44.48 51.29 53.72 24.71 53.72"/><polygon points="17.61 42.28 30.66 19.44 36.7 30.75 23.86 53.22 17.61 42.28"/></svg>
        : version === 'v2' ?
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><defs></defs><title>drive_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.78ZM18.19,42.28l12.46-21.8,5.47,10.26L23.86,52.2ZM51,53.22H25.58L30.29,45H56.15ZM44.92,43,32.35,19.41H43.72L56.29,43Z"/></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>drive_2</title><path class="cls-1" style={{fill:'#2196f3',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.78ZM15.34,42.94,29.91,17.45l6.76,12.68L22.35,55.21ZM52.85,55.71H23.2l5.93-10.38H59.34ZM45.37,44.34,30.75,16.92h14L59.4,44.34Z"/></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>drive_3</title><polygon class="cls-1" style={{fill:'#ffc107'}} points="43.08 43.26 58.23 43.26 43.08 14.84 27.92 14.84 43.08 43.26"/><polygon class="cls-2" style={{fill:'#2196f3'}} points="26.84 43.26 20.35 54.62 51.13 54.62 58.23 43.26 26.84 43.26"/><polygon class="cls-3" style={{fill:'#4caf50'}} points="27.92 14.84 12.77 41.36 20.35 54.62 35.24 28.56 27.92 14.84"/></svg>
        :
        null
      }
    </>
  )
}