import * as React from 'react';

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

/**
 * @name Link
 * @description Link Icon
 */
const Link: React.FC<Icon> = ({ fill, ...rest }) => (
  <IconWrapper {...rest}>
    <path
      d="M14.5161 23.3146C17.8074 20.0425 23.5475 20.0425 26.8387 23.3146L28.8925 25.3565L33 21.2728L30.9462 19.231C28.2069 16.5047 24.5584 15 20.6774 15C16.7965 15 13.1479 16.5047 10.4086 19.231L4.24442 25.3565C1.5263 28.0675 0 31.7392 0 35.5671C0 39.3949 1.5263 43.0666 4.24442 45.7777C5.59193 47.1193 7.1928 48.1829 8.95506 48.9075C10.7173 49.6321 12.6062 50.0034 14.5132 50C16.4208 50.0039 18.3103 49.6329 20.0731 48.9083C21.8359 48.1837 23.4372 47.1197 24.785 45.7777L26.8387 43.7358L22.7312 39.6522L20.6774 41.694C19.0404 43.3142 16.8246 44.2238 14.5147 44.2238C12.2048 44.2238 9.98894 43.3142 8.35195 41.694C6.72086 40.0673 5.80495 37.864 5.80495 35.5671C5.80495 33.2701 6.72086 31.0669 8.35195 29.4401L14.5161 23.3146Z"
      fill={fill}
    />
    <path
      d="M25.215 4.34281L23.1613 6.44299L27.2688 10.6434L29.3226 8.54317C30.9596 6.87666 33.1754 5.94105 35.4853 5.94105C37.7952 5.94105 40.0111 6.87666 41.648 8.54317C43.2791 10.2164 44.195 12.4826 44.195 14.8452C44.195 17.2078 43.2791 19.474 41.648 21.1472L35.4839 27.4478C32.1926 30.8134 26.4525 30.8134 23.1613 27.4478L21.1075 25.3476L17 29.548L19.0538 31.6481C21.7931 34.4523 25.4416 36 29.3226 36C33.2035 36 36.8521 34.4523 39.5914 31.6481L45.7556 25.3476C48.4737 22.5591 50 18.7824 50 14.8452C50 10.908 48.4737 7.13131 45.7556 4.34281C43.0295 1.56179 39.336 0 35.4853 0C31.6346 0 27.9412 1.56179 25.215 4.34281Z"
      fill={fill}
    />
  </IconWrapper>
);

export { Link as default, Link };