import { FC } from 'react'

import { SvgIcon, SvgIconProps } from '@mui/material'

const ShareIcon: FC<SvgIconProps> = ({ sx, ...props }) => (
  <SvgIcon sx={{ fontSize: 24, color: 'grey.600', ...sx }} {...props}>
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M10.5942 2.63573C10.3606 2.73247 10.2083 2.96036 10.2083 3.21315V6.56525C5.48555 7.18379 1.875 11.4355 1.875 16.5407V17.3798C1.875 17.6741 2.08027 17.9285 2.36789 17.9907C2.65551 18.0529 2.94756 17.906 3.06915 17.6381C4.13403 15.2912 6.85885 13.4976 10.2083 13.2976V16.5465C10.2083 16.7993 10.3606 17.0272 10.5942 17.1239C10.8277 17.2207 11.0965 17.1672 11.2753 16.9884L17.9419 10.3218C18.186 10.0777 18.186 9.68196 17.9419 9.43788L11.2753 2.77121C11.0965 2.59246 10.8277 2.53899 10.5942 2.63573ZM11.4583 12.6557L11.4583 12.654C11.4583 12.3088 11.1785 12.029 10.8333 12.029C7.75148 12.029 4.97245 13.2436 3.22416 15.1701C3.81787 11.1115 7.00702 8.01023 10.8745 7.75513C11.203 7.73346 11.4583 7.4607 11.4583 7.13149V4.72204L16.6161 9.87982L11.4583 15.0376L11.4583 12.6557Z"
        fill="currentColor"
      />
    </svg>
  </SvgIcon>
)

export default ShareIcon
