import React, { Component, version } from "react";
export default function IconYoutube({version,style}){
  return(
    <>
      {
        version === 'v1' ? 
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><title>youtube</title><path d="M58.51,24.76c-1.24-2.22-2.6-2.63-5.35-2.78s-9.66-.27-15.65-.27-12.92.08-15.67.26-4.1.57-5.36,2.79-1.94,6-1.94,12.73h0c0,6.69.66,10.53,1.94,12.72s2.61,2.62,5.36,2.8,9.66.26,15.67.26,12.9-.1,15.65-.26,4.11-.58,5.35-2.8,2-6,2-12.71v0h0C60.46,30.78,59.81,27,58.51,24.76ZM31.76,46.11V28.89L46.11,37.5Z"/></svg>
        : version === 'v2' ?
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><title>youtube_1</title><path 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.78Zm23,35.72v0c0,6.68-.65,10.52-2,12.71s-2.59,2.62-5.35,2.8-9.66.26-15.65.26-12.92-.1-15.67-.26-4.1-.59-5.36-2.8-1.94-6-1.94-12.72h0c0-6.71.66-10.52,1.94-12.73s2.61-2.63,5.36-2.79,9.66-.26,15.67-.26,12.9.08,15.65.27,4.11.56,5.35,2.78,2,6,2,12.73Z"/><polygon points="31.76 46.11 46.11 37.5 31.76 28.89 31.76 46.11"/></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>youtube_2</title><polygon style={{fill:'#f44336'}} class="cls-1" points="31.76 46.11 46.11 37.5 31.76 28.89 31.76 46.11"/><path style={{fill:'#f44336'}} 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.78Zm23,35.72v0c0,6.68-.65,10.52-2,12.71s-2.59,2.62-5.35,2.8-9.66.26-15.65.26-12.92-.1-15.67-.26-4.1-.59-5.36-2.8-1.94-6-1.94-12.72h0c0-6.71.66-10.52,1.94-12.73s2.61-2.63,5.36-2.79,9.66-.26,15.67-.26,12.9.08,15.65.27,4.11.56,5.35,2.78,2,6,2,12.73Z"/></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>youtube_3</title><path class="cls-1" style={{fill:'#f44336'}} d="M58.51,24.76c-1.24-2.22-2.6-2.63-5.35-2.78s-9.66-.27-15.65-.27-12.92.08-15.67.26-4.1.57-5.36,2.79-1.94,6-1.94,12.73h0c0,6.69.66,10.53,1.94,12.72s2.61,2.62,5.36,2.8,9.66.26,15.67.26,12.9-.1,15.65-.26,4.11-.58,5.35-2.8,2-6,2-12.71v0h0C60.46,30.78,59.81,27,58.51,24.76Z"/><polygon class="cls-2" style={{fill:'#fafafa'}} points="31.76 46.11 31.76 28.89 46.11 37.5 31.76 46.11"/></svg>
        :
        null
      }
    </>
  )
}