import React, { Component, version } from "react";
export default function IconPhotos({version,style}){
  return(
    <>
      {
        version === 'v1' ? 
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><title>photos</title><polygon points="17.41 35.82 26.45 26.79 34.48 34.82 31.48 35.82 17.41 35.82"/><polygon points="27.64 26.58 36.18 26.58 36.18 31.12 35.18 34.12 27.64 26.58"/><polygon points="27.15 46.54 35.18 38.51 36.18 41.51 36.18 55.58 27.15 46.54"/><polygon points="26.94 36.81 31.48 36.81 34.48 37.81 26.94 45.35 26.94 36.81"/><polygon points="38.87 37.81 41.87 36.81 55.94 36.81 46.91 45.84 38.87 37.81"/><polygon points="37.17 46.05 37.17 41.51 38.17 38.51 45.71 46.05 37.17 46.05"/><polygon points="37.17 31.12 37.17 17.05 46.21 26.09 38.17 34.12 37.17 31.12"/><polygon points="41.87 35.82 38.87 34.82 46.41 27.28 46.41 35.82 41.87 35.82"/></svg>
        : version === 'v2' ?
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={style}><defs></defs><title>photos_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.78Zm-.32,15.28,9,9-8,8-1-3Zm9.23,10.23v8.52H41.87l-3-1Zm-20-.5,8,8-3,1h-14Zm.5,10h4.53l3,1L27,45.34Zm9.23,18.76-9-9,8-8,1,3Zm0-24.45-1,3-7.52-7.52h8.52Zm1,14.92V41.51l1-3L45.7,46Zm9.73-.2-8-8,3-1H55.93Z"/></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>photos_2</title><path class="cls-1" style={{fill:'#f44336',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.67,16l9,9-8.11,8.11-.86-2.59Zm9.38,11.37v8H42.52l-2.59-.87Zm-11.36-1.4v4.53l-.87,2.59L27.7,25.94Zm-10.38.41,8.11,8.11-2.59.87H16.34Zm1,11h4.53l2.59.86L26.3,45.29Zm9.39,19.35-9-9,8.11-8.11.87,2.59Zm2-10V42.16l.86-2.59,7.12,7.12ZM48,46.28l-8.11-8.11,2.59-.86H57Z"/></svg>
        : version === 'v4' ?
        <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" style={{background:'initial',padding:'0px'}}><defs><style></style></defs><title>photo</title><polygon class="cls-1" style={{fill:'#ffc107'}} points="23.31 23.37 11.95 34.73 29 34.73 33.26 33.31 23.31 23.37"/><polygon class="cls-2" style={{fill:'#ffa000'}} points="23.31 23.37 33.26 33.31 34.68 29.05 34.68 23.37 23.31 23.37"/><polygon class="cls-3" style={{fill:'#4caf50'}} points="23.31 46.1 34.68 57.46 34.68 40.42 33.26 36.15 23.31 46.1"/><polygon class="cls-4" style={{fill:'#388e3c'}} points="23.31 46.1 33.26 36.15 29 34.73 23.31 34.73 23.31 46.1"/><polygon class="cls-5" style={{fill:'#2196f3'}} points="46.04 46.1 57.41 34.73 40.36 34.73 36.1 36.15 46.04 46.1"/><polygon class="cls-6" style={{fill:'#1976d2'}} points="46.04 46.1 36.1 36.15 34.68 40.42 34.68 46.1 46.04 46.1"/><polygon class="cls-7" style={{fill:'#f44336'}} points="46.04 23.37 34.68 12 34.68 29.05 36.1 33.31 46.04 23.37"/><polygon class="cls-8" style={{fill:'#9c27b0'}} points="46.04 23.37 36.1 33.31 40.36 34.73 46.04 34.73 46.04 23.37"/></svg>
        :
        null
      }
    </>
  )
}