import * as React from 'react';

import { IconWrapper } from '../IconWrapper';
import { Icon } from '../index';

/**
 * @name Close
 * @description Close Icon
 */
const Close: React.FC<Icon> = ({ fill, ...rest }) => (
  <IconWrapper {...rest}>
    <path
      d="M30.8693 24.9964L48.7687 7.13617C49.5525 6.35222 49.9929 5.28895 49.9929 4.18027C49.9929 3.07159 49.5525 2.00833 48.7687 1.22437C47.9849 0.44042 46.9217 0 45.8132 0C44.7047 0 43.6416 0.44042 42.8577 1.22437L25 19.1263L7.14226 1.22437C6.35842 0.44042 5.2953 -8.26028e-09 4.18678 0C3.07826 8.26029e-09 2.01514 0.44042 1.2313 1.22437C0.447462 2.00833 0.00710398 3.07159 0.00710397 4.18027C0.00710396 5.28895 0.447462 6.35222 1.2313 7.13617L19.1307 24.9964L1.2313 42.8567C0.841145 43.2438 0.531469 43.7042 0.320137 44.2115C0.108805 44.7189 0 45.263 0 45.8126C0 46.3622 0.108805 46.9064 0.320137 47.4137C0.531469 47.921 0.841145 48.3815 1.2313 48.7685C1.61827 49.1587 2.07867 49.4685 2.58592 49.6798C3.09318 49.8912 3.63726 50 4.18678 50C4.7363 50 5.28038 49.8912 5.78764 49.6798C6.29489 49.4685 6.75529 49.1587 7.14226 48.7685L25 30.8666L42.8577 48.7685C43.2447 49.1587 43.7051 49.4685 44.2124 49.6798C44.7196 49.8912 45.2637 50 45.8132 50C46.3627 50 46.9068 49.8912 47.4141 49.6798C47.9213 49.4685 48.3817 49.1587 48.7687 48.7685C49.1589 48.3815 49.4685 47.921 49.6799 47.4137C49.8912 46.9064 50 46.3622 50 45.8126C50 45.263 49.8912 44.7189 49.6799 44.2115C49.4685 43.7042 49.1589 43.2438 48.7687 42.8567L30.8693 24.9964Z"
      fill={fill}
    />
  </IconWrapper>
);

export { Close, Close as default };