import React from 'react';
import Icon, { IconProps } from '../common/Icon';

const TrivialFour: React.FC<IconProps> = ({ size }) => (
  <Icon size={size} className=" trivial">
    <g>
      <path
        d="M34,14.57V30.44l15.1-4.91A18,18,0,0,0,34,14.57Z"
        className="piece"
      />
      <path
        d="M44.25,46.12A17.85,17.85,0,0,0,50,28.39l-15.09,4.9Z"
        className="piece"
      />
      <path
        d="M41.82,47.88,32.5,35.05,23.18,47.88a17.83,17.83,0,0,0,18.64,0Z"
        className="piece"
      />
      <path
        d="M20.75,46.12l9.32-12.83L15,28.39a17.85,17.85,0,0,0,5.77,17.73Z"
        className="piece"
      />
      <path d="M53.51,32.5a21,21,0,0,0-1-6.42s0,0,0-.07a1.11,1.11,0,0,0-.07-.16A21,21,0,0,0,32.52,11.49h0A21,21,0,0,0,12.59,25.86a.69.69,0,0,0-.07.15s0,0,0,.07a20.93,20.93,0,0,0,7.41,23.2,1.7,1.7,0,0,0,.24.22l.16.08a20.87,20.87,0,0,0,24.38,0l.16-.08a1.21,1.21,0,0,0,.23-.22A20.94,20.94,0,0,0,53.51,32.5Zm-3,0a18,18,0,0,1-6.26,13.62L34.93,33.29,50,28.39A17.92,17.92,0,0,1,50.51,32.5ZM34,30.44V14.57a18,18,0,0,1,15.1,11ZM15,28.39l15.09,4.9L20.75,46.12A17.85,17.85,0,0,1,15,28.39ZM32.5,35.05l9.32,12.83a17.83,17.83,0,0,1-18.64,0ZM31,14.57V30.44L15.9,25.53A18,18,0,0,1,31,14.57Z" />
    </g>
  </Icon>
);

export default TrivialFour;