import { FC } from 'react'

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

const AttachmentIcon: FC<SvgIconProps> = ({ sx, ...props }) => (
  <SvgIcon sx={{ fontSize: 14, color: 'action.active', ...sx }} {...props}>
    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none">
      <path
        d="M4.8248 15.3499C3.6998 15.3499 2.6498 14.8999 1.8248 14.0749C0.999805 13.2499 0.549805 12.1999 0.549805 11.0749C0.549805 9.94985 0.999805 8.89985 1.8248 8.07485L8.2748 1.62485C8.8748 1.02485 9.62481 0.724854 10.4498 0.724854C11.2748 0.724854 12.0248 1.02485 12.6248 1.62485C13.2248 2.22485 13.5248 2.97485 13.5248 3.79985C13.5248 4.62485 13.2248 5.37485 12.6248 5.97485L6.1748 12.4249C5.4998 13.0999 4.2998 13.0999 3.6248 12.4249C2.9498 11.7499 2.9498 10.5499 3.6248 9.87485L7.7498 5.74985C7.9748 5.52485 8.34981 5.52485 8.57481 5.74985C8.79981 5.97485 8.79981 6.34985 8.57481 6.57485L4.4498 10.6999C4.2248 10.9249 4.2248 11.3749 4.4498 11.6749C4.6748 11.8999 5.1248 11.8999 5.4248 11.6749L11.8748 5.22485C12.2498 4.84985 12.3998 4.39985 12.3998 3.87485C12.3998 3.34985 12.0998 2.74985 11.7248 2.37485C10.9748 1.62485 9.7748 1.69985 9.0248 2.37485L2.5748 8.82485C1.9748 9.42485 1.6748 10.1749 1.6748 11.0749C1.6748 11.9749 1.9748 12.7249 2.5748 13.3249C3.1748 13.9249 3.9248 14.2249 4.8248 14.2249C5.7248 14.2249 6.47481 13.9249 7.07481 13.3249L11.7998 8.59985C12.0248 8.37485 12.3998 8.37485 12.6248 8.59985C12.8498 8.82485 12.8498 9.19985 12.6248 9.42485L7.8998 14.1499C6.9998 14.8999 5.9498 15.3499 4.8248 15.3499Z"
        fill="currentColor"
      />
    </svg>
  </SvgIcon>
)

export default AttachmentIcon
