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

const CloseMenu: React.FC<IconProps> = ({ size, className }) => (
  <Icon size={size} className={className}>
    <path d="M39.67,32.5,50,22.22a5.07,5.07,0,1,0-7.17-7.16L32.5,25.34,22.22,15.06a5.06,5.06,0,0,0-7.16,0,5,5,0,0,0,0,7.16L25.34,32.5,15.06,42.78A5.07,5.07,0,0,0,22.22,50L32.5,39.67,42.78,50A5.07,5.07,0,0,0,50,42.78ZM44.9,17.18a2.07,2.07,0,0,1,2.93,2.92L37.55,30.38l-2.93-2.92ZM35.43,32.5,32.5,35.43,29.58,32.5l2.92-2.92ZM17.18,20.1a2.05,2.05,0,0,1,0-2.92,2.05,2.05,0,0,1,2.92,0L30.38,27.46l-2.92,2.92ZM20.1,47.83a2.07,2.07,0,1,1-2.92-2.93L27.46,34.62l2.92,2.93Zm27.73,0a2.09,2.09,0,0,1-2.93,0L34.62,37.55l2.93-2.93L47.83,44.9A2.09,2.09,0,0,1,47.83,47.83Z" />
  </Icon>
);

export default CloseMenu;
