import { Box } from '@mui/material';
import React from 'react';

// 定义你的图标属性类型，这里可以扩展成任何你需要的属性
interface CustomIconProps {
  size?: number;
  color?: string;
  // ...其他你需要的props
}

// 创建你的自定义SVG图标组件
const SendIcon: React.FC<CustomIconProps> = ({
  size = 24,
  color = 'currentColor',
}) => {
  return (
    <Box
      component="svg"
      width={size}
      height={size}
      viewBox="0 0 37 37"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M33.6537 0.409255L1.63031 19.3122C0.591998 19.9271 0.0578123 20.7469 0 21.5412V21.837C0.0739997 22.7872 0.832497 23.656 2.22693 24.0356L8.44059 25.7312C8.59912 25.7689 8.76347 25.7748 8.92425 25.7485C9.08503 25.7222 9.23909 25.6642 9.37761 25.5779C9.51614 25.4916 9.63642 25.3787 9.73157 25.2455C9.82672 25.1124 9.89488 24.9616 9.93215 24.8019C10.0176 24.479 9.97573 24.1354 9.81541 23.8428C9.65509 23.5502 9.38869 23.3314 9.0719 23.2321L2.87905 21.5435L34.4376 2.91537L30.9966 28.5168C30.9458 28.8965 30.6659 29.0874 30.3191 28.9896L17.1078 25.3399L27.8146 14.2092C28.0478 13.9627 28.1778 13.6354 28.1778 13.295C28.1778 12.9546 28.0478 12.6273 27.8146 12.3808C27.7009 12.2613 27.5643 12.1661 27.4131 12.1011C27.2619 12.0361 27.0991 12.0026 26.9347 12.0026C26.7703 12.0026 26.6076 12.0361 26.4564 12.1011C26.3052 12.1661 26.1686 12.2613 26.0548 12.3808L14.3189 24.5853C14.2183 24.6903 14.1233 24.8007 14.0345 24.916C13.8502 25.0368 13.6999 25.2033 13.5978 25.3995C13.4958 25.5957 13.4455 25.815 13.4518 26.0363C13.3261 26.4196 13.2621 26.8206 13.2621 27.2242V34.7355C13.2621 36.5429 15.1977 37.6166 16.643 36.6174L22.6508 32.4553C23.0208 32.2015 23.229 31.7589 23.2012 31.2954C23.1875 31.0714 23.1164 30.8547 22.9948 30.6665C22.8732 30.4783 22.7053 30.3251 22.5075 30.2217C22.3131 30.1212 22.0953 30.0759 21.8773 30.0906C21.6594 30.1054 21.4495 30.1797 21.2703 30.3056L15.7481 34.1299V27.6364L29.6762 31.4794C31.4684 31.9755 33.1981 30.7854 33.4548 28.8662L36.9652 2.75233C37.2704 0.55133 35.5199 -0.694738 33.6537 0.409255Z"
        fill={color}
      />
    </Box>
  );
};

export default SendIcon;
