import React, { Component, version } from "react";
export default function IconDribble({version,style}){
  return(
    <>
      {
        version === 'v1' ? 
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><title>dribble</title><path d="M37.5,17.87A20.46,20.46,0,1,0,58,38.33,20.49,20.49,0,0,0,37.5,17.87ZM55.39,38.48a28.35,28.35,0,0,0-13-.4c-.58-1.45-1.2-2.86-1.87-4.27A38.76,38.76,0,0,0,51,26.6,17.79,17.79,0,0,1,55.4,38.33C55.4,38.38,55.39,38.43,55.39,38.48ZM49.18,24.79a36.11,36.11,0,0,1-9.77,6.75,72.57,72.57,0,0,0-6.68-10.45,17.76,17.76,0,0,1,16.45,3.7ZM30.2,22A68.85,68.85,0,0,1,37,32.5a35.93,35.93,0,0,1-17,2.16A17.92,17.92,0,0,1,30.2,22ZM19.6,38.33c0-.39,0-.76.06-1.14a38.43,38.43,0,0,0,4.53.3,38.43,38.43,0,0,0,14-2.67c.61,1.28,1.19,2.58,1.72,3.89a28.67,28.67,0,0,0-15.65,11.6A17.83,17.83,0,0,1,19.6,38.33Zm6.51,13.79a26.1,26.1,0,0,1,14.7-11,69,69,0,0,1,3.46,13.8,17.81,17.81,0,0,1-18.16-2.77Zm20.56,1.55A72,72,0,0,0,43.33,40.5a25.87,25.87,0,0,1,11.84.55A17.9,17.9,0,0,1,46.67,53.67Z"/></svg>
        : version === 'v2' ?
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><defs></defs><title>dribble_1</title><path class="cls-1" d="M26.11,51.3a17.84,17.84,0,0,0,18.16,2.76,69,69,0,0,0-3.46-13.8A26.07,26.07,0,0,0,26.11,51.3Z"/><path class="cls-1" style={{fillRule:'evenodd'}} d="M39.89,37.88c-.53-1.31-1.11-2.61-1.72-3.89a38.43,38.43,0,0,1-14,2.67,38.43,38.43,0,0,1-4.53-.3c0,.38-.06.76-.06,1.14a17.83,17.83,0,0,0,4.64,12A28.71,28.71,0,0,1,39.89,37.88Z"/><path class="cls-1" style={{fillRule:'evenodd'}} d="M37,31.68A68.46,68.46,0,0,0,30.2,21.17,18,18,0,0,0,20,33.83,35.92,35.92,0,0,0,37,31.68Z"/><path class="cls-1" style={{fillRule:'evenodd'}} d="M49.18,24a17.76,17.76,0,0,0-16.45-3.7,73.12,73.12,0,0,1,6.68,10.45A35.89,35.89,0,0,0,49.18,24Z"/><path class="cls-1" style={{fillRule:'evenodd'}} d="M40.52,33q1,2.1,1.87,4.26a28.48,28.48,0,0,1,13,.4s0-.1,0-.15A17.79,17.79,0,0,0,51,25.77,38.8,38.8,0,0,1,40.52,33Z"/><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,58A20.46,20.46,0,1,1,58,37.5,20.49,20.49,0,0,1,37.5,58Z"/><path class="cls-1" style={{fillRule:'evenodd'}} d="M43.33,39.67a72.23,72.23,0,0,1,3.34,13.17,17.88,17.88,0,0,0,8.5-12.61A25.74,25.74,0,0,0,43.33,39.67Z"/></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>dribble_2</title><path class="cls-1" style={{fill:'#c2185b',fillRule:'evenodd'}} d="M39.89,38.71c-.53-1.31-1.11-2.61-1.72-3.89a38.43,38.43,0,0,1-14,2.67,38.43,38.43,0,0,1-4.53-.3c0,.38-.06.75-.06,1.14a17.83,17.83,0,0,0,4.64,12A28.67,28.67,0,0,1,39.89,38.71Z"/><path class="cls-1" style={{fill:'#c2185b',fillRule:'evenodd'}} d="M37,32.5A68.85,68.85,0,0,0,30.2,22,17.92,17.92,0,0,0,20,34.66,35.93,35.93,0,0,0,37,32.5Z"/><path class="cls-1" style={{fill:'#c2185b',fillRule:'evenodd'}} d="M26.11,52.12a17.81,17.81,0,0,0,18.16,2.77,69,69,0,0,0-3.46-13.8A26.1,26.1,0,0,0,26.11,52.12Z"/><path class="cls-1" style={{fill:'#c2185b',fillRule:'evenodd'}} d="M43.33,40.5a72,72,0,0,1,3.34,13.17,17.9,17.9,0,0,0,8.5-12.62A25.87,25.87,0,0,0,43.33,40.5Z"/><path class="cls-1" style={{fill:'#c2185b',fillRule:'evenodd'}} d="M49.18,24.79a17.76,17.76,0,0,0-16.45-3.7,72.57,72.57,0,0,1,6.68,10.45A36.11,36.11,0,0,0,49.18,24.79Z"/><path class="cls-1" style={{fill:'#c2185b',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.78Zm0,57A20.46,20.46,0,1,1,58,38.33,20.49,20.49,0,0,1,37.5,58.79Z"/><path class="cls-1" style={{fill:'#c2185b',fillRule:'evenodd'}} d="M40.52,33.81c.67,1.41,1.29,2.82,1.87,4.27a28.35,28.35,0,0,1,13,.4s0-.1,0-.15A17.79,17.79,0,0,0,51,26.6,38.76,38.76,0,0,1,40.52,33.81Z"/></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>dribble_3</title><circle class="cls-1" style={{fill:'#ec407a'}} cx="35.5" cy="36.59" r="21.31"/><path class="cls-2" style={{fill:'#c2185b'}} d="M35.5,14A22.74,22.74,0,1,0,58.23,36.75,22.76,22.76,0,0,0,35.5,14ZM55.38,36.92a31.58,31.58,0,0,0-14.45-.45c-.64-1.61-1.34-3.18-2.08-4.74a43.06,43.06,0,0,0,11.64-8,19.8,19.8,0,0,1,4.9,13S55.38,36.86,55.38,36.92Zm-6.9-15.21A40.08,40.08,0,0,1,37.62,29.2,81,81,0,0,0,30.2,17.59a20.12,20.12,0,0,1,5.3-.73A19.76,19.76,0,0,1,48.48,21.71ZM27.39,18.6A76.51,76.51,0,0,1,35,30.28,40.13,40.13,0,0,1,16,32.67,20,20,0,0,1,27.39,18.6ZM15.61,36.75c0-.43,0-.85.07-1.27a42.65,42.65,0,0,0,5,.33,42.72,42.72,0,0,0,15.52-3c.68,1.42,1.33,2.86,1.92,4.32a31.89,31.89,0,0,0-17.4,12.89A19.79,19.79,0,0,1,15.61,36.75Zm7.23,15.32A29.06,29.06,0,0,1,39.18,39.81,76.41,76.41,0,0,1,43,55.15a19.79,19.79,0,0,1-20.18-3.08Zm22.85,1.72A79.76,79.76,0,0,0,42,39.15a29,29,0,0,1,13.16.62A19.87,19.87,0,0,1,45.69,53.79Z"/></svg>
        :
        null
      }
    </>
  )
}