import React, { Component, version } from "react";
export default function IconWebsite({version,style}){
  return(
    <>
      {
        version === 'v1' ? 
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><title>twitter</title><path d="M61.2,24.49a17.54,17.54,0,0,1-4.83,1.32,8.36,8.36,0,0,0,3.69-4.64,16.63,16.63,0,0,1-5.32,2,8.39,8.39,0,0,0-14.51,5.74,9.1,9.1,0,0,0,.19,1.91,23.76,23.76,0,0,1-17.29-8.77,8.41,8.41,0,0,0,2.58,11.21,8.28,8.28,0,0,1-3.79-1v.09a8.42,8.42,0,0,0,6.72,8.24,8.24,8.24,0,0,1-2.2.28,7,7,0,0,1-1.59-.15,8.48,8.48,0,0,0,7.84,5.85,16.87,16.87,0,0,1-10.4,3.58,16.57,16.57,0,0,1-2-.12,23.59,23.59,0,0,0,12.87,3.76C48.59,53.79,57,41,57,29.93c0-.38,0-.73,0-1.09A16.87,16.87,0,0,0,61.2,24.49Z"/></svg>
        : version === 'v2' ?
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><defs></defs><title>twitter_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.78ZM57,28.84c0,.36,0,.71,0,1.09C57,41,48.59,53.79,33.15,53.79A23.59,23.59,0,0,1,20.28,50a16.57,16.57,0,0,0,2,.12,16.87,16.87,0,0,0,10.4-3.58,8.48,8.48,0,0,1-7.84-5.85,7,7,0,0,0,1.59.15,8.24,8.24,0,0,0,2.2-.28,8.42,8.42,0,0,1-6.72-8.24v-.09a8.28,8.28,0,0,0,3.79,1,8.41,8.41,0,0,1-2.58-11.21,23.76,23.76,0,0,0,17.29,8.77,9.1,9.1,0,0,1-.19-1.91A8.39,8.39,0,0,1,54.74,23.2a16.63,16.63,0,0,0,5.32-2,8.36,8.36,0,0,1-3.69,4.64,17.54,17.54,0,0,0,4.83-1.32A16.87,16.87,0,0,1,57,28.84Z"/></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>twitter_2</title><path class="cls-1" style={{fill:'#03a9f4',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.78ZM58.8,27.92c0,.39,0,.79,0,1.2,0,12.31-9.38,26.52-26.53,26.52A26.26,26.26,0,0,1,18,51.46a18.18,18.18,0,0,0,2.23.13,18.74,18.74,0,0,0,11.56-4,9.41,9.41,0,0,1-8.71-6.49,8.54,8.54,0,0,0,1.76.16A9.24,9.24,0,0,0,27.3,41a9.37,9.37,0,0,1-7.47-9.16v-.1A9.13,9.13,0,0,0,24,32.86,9.32,9.32,0,0,1,21.18,20.4a26.36,26.36,0,0,0,19.21,9.75A9.19,9.19,0,0,1,40.17,28a9.32,9.32,0,0,1,16.12-6.38A18.61,18.61,0,0,0,62.2,19.4a9.26,9.26,0,0,1-4.1,5.15,19.51,19.51,0,0,0,5.37-1.47A18.69,18.69,0,0,1,58.8,27.92Z"/></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>twitter_3</title><path class="cls-1" style={{fill:'#03a9f4'}} d="M61.47,21.49A19.18,19.18,0,0,1,56.1,23a9.24,9.24,0,0,0,4.1-5.16,18.4,18.4,0,0,1-5.91,2.26,9.36,9.36,0,0,0-15.9,8.5,26.36,26.36,0,0,1-19.21-9.75A9.32,9.32,0,0,0,22,31.28a9.26,9.26,0,0,1-4.21-1.15v.1a9.37,9.37,0,0,0,7.47,9.16,9.24,9.24,0,0,1-2.45.31,8.54,8.54,0,0,1-1.76-.16A9.41,9.41,0,0,0,29.8,46a18.74,18.74,0,0,1-11.56,4A18.18,18.18,0,0,1,16,49.88a26.26,26.26,0,0,0,14.3,4.18c17.15,0,26.53-14.21,26.53-26.52,0-.41,0-.81,0-1.21A18.38,18.38,0,0,0,61.47,21.49Z"/></svg>
        :
        null
      }
    </>
  )
}