import React, { Component, version } from "react";
export default function IconDropbox({version,style}){
  return(
    <>
      {
        version === 'v1' ? 
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><title>dropbox</title><polygon points="58.88 26.05 46.84 18.13 38.42 25.22 50.55 32.77 58.88 26.05"/><polygon points="30 18.13 17.96 26.05 26.28 32.77 38.42 25.22 30 18.13"/><polygon points="38.42 40.32 30 47.41 17.96 39.49 26.28 32.77 38.42 40.32 50.55 32.77 58.88 39.49 46.84 47.41 38.42 40.32"/><path d="M47.45,50.07A1.29,1.29,0,0,1,45.92,50l-7.5-6.32L30.91,50a1.28,1.28,0,0,1-1.52.09L25.63,47.6v3.78l12.81,7.67L51.2,51.38V47.6Z"/></svg>
        : version === 'v2' ?
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><defs></defs><title>dropbox_1</title><path 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.78Zm13.7,49.6L38.44,59.05,25.63,51.38V47.6l3.76,2.47A1.28,1.28,0,0,0,30.91,50l7.51-6.32L45.92,50a1.29,1.29,0,0,0,1.53.09L51.2,47.6Zm-4.36-4-8.42-7.09L30,47.41,18,39.49l8.32-6.72,12.14,7.55,12.13-7.55,8.33,6.72Zm3.71-14.64L38.42,25.22,26.28,32.77,18,26.05l12-7.92,8.42,7.09,8.42-7.09,12,7.92Z"/></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>dropbox_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.78Zm14.21,51L37.53,61.32,23.29,52.8V48.6l4.17,2.74a1.43,1.43,0,0,0,1.7-.09l8.34-7,8.34,7a1.47,1.47,0,0,0,.91.33,1.38,1.38,0,0,0,.78-.24l4.18-2.74Zm-4.85-4.41L37.5,40.52l-9.36,7.87-13.37-8.8L24,32.12l13.49,8.4L51,32.12l9.25,7.47ZM51,32.12,37.5,23.73,24,32.12l-9.25-7.46,13.37-8.8,9.36,7.87,9.36-7.87,13.37,8.8Z"/></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>dropbox_3</title><polygon class="cls-1" style={{fill:'#1e88e5'}} points="60.23 23.08 46.86 14.28 37.5 22.15 50.98 30.54 60.23 23.08"/><polygon class="cls-1" style={{fill:'#1e88e5'}} points="28.14 14.28 14.77 23.08 24.02 30.54 37.5 22.15 28.14 14.28"/><polygon class="cls-1" style={{fill:'#1e88e5'}} points="37.5 38.93 28.14 46.81 14.77 38.01 24.02 30.54 37.5 38.93 50.98 30.54 60.23 38.01 46.86 46.81 37.5 38.93"/><path class="cls-1" style={{fill:'#1e88e5'}} d="M47.53,49.76a1.38,1.38,0,0,1-.78.24,1.43,1.43,0,0,1-.91-.34l-8.34-7-8.34,7a1.41,1.41,0,0,1-1.7.1L23.29,47v4.19l14.24,8.53,14.18-8.53V47Z"/></svg>
        :
        null
      }
    </>
  )
}