import { FC } from 'react'

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

const CommentReplyIcon: FC<SvgIconProps> = ({ sx, ...props }) => (
  <SvgIcon sx={{ fontSize: 18, color: 'action.active', ...sx }} {...props}>
    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
      <path
        d="M11.625 10.3501H6.37503C6.07503 10.3501 5.77503 10.5751 5.77503 10.9501C5.77503 11.3251 6.00003 11.5501 6.37503 11.5501H11.625C11.925 11.5501 12.225 11.3251 12.225 10.9501C12.225 10.5751 11.925 10.3501 11.625 10.3501Z"
        fill="currentColor"
      />
      <path
        d="M11.625 7.35015H6.37503C6.07503 7.35015 5.77503 7.57515 5.77503 7.95015C5.77503 8.32515 6.00003 8.55015 6.37503 8.55015H11.625C11.925 8.55015 12.225 8.32515 12.225 7.95015C12.225 7.57515 11.925 7.35015 11.625 7.35015Z"
        fill="currentColor"
      />
      <path
        d="M9.00003 1.65015C4.95003 1.65015 1.65003 4.95015 1.65003 9.00015C1.65003 10.2001 1.95003 11.3251 2.47503 12.3751L1.65003 15.6001C1.57503 15.8251 1.65003 16.0501 1.80003 16.2001C1.95003 16.3501 2.10003 16.3501 2.25003 16.3501C2.32503 16.3501 2.32503 16.3501 2.40003 16.3501L5.62503 15.5251C6.67503 16.0501 7.80003 16.3501 9.00003 16.3501C13.05 16.3501 16.35 13.0501 16.35 9.00015C16.35 4.95015 13.05 1.65015 9.00003 1.65015ZM9.00003 15.1501C7.95003 15.1501 6.90003 14.8501 6.00003 14.4001C5.92503 14.3251 5.77503 14.3251 5.70003 14.3251C5.62503 14.3251 5.62503 14.3251 5.55003 14.3251L3.07503 14.9251L3.67503 12.4501C3.67503 12.3001 3.67503 12.1501 3.60003 12.0001C3.07503 11.1001 2.85003 10.0501 2.85003 9.00015C2.85003 5.62515 5.62503 2.85015 9.00003 2.85015C12.375 2.85015 15.15 5.62515 15.15 9.00015C15.15 12.3751 12.375 15.1501 9.00003 15.1501Z"
        fill="currentColor"
      />
    </svg>
  </SvgIcon>
)

export default CommentReplyIcon