有没有办法在ant设计图片预览操作中改变图标？

import { Upload, message } from 'antd';
import { UploadOutlined } from '@ant-design/icons';

const props = {
  name: 'file',
  action: 'https://www.example.com/upload',
  onChange(info) {
    if (info.file.status !== 'uploading') {
      console.log(info.file, info.fileList);
    }
    if (info.file.status === 'done') {
      message.success(`${info.file.name} 上传成功`);
      // 在这里修改预览图标的样式，例如添加自定义样式类名
      document.querySelector('.ant-upload-list-item-info').classList.add('custom-icon');
    } else if (info.file.status === 'error') {
      message.error(`${info.file.name} 上传失败`);
    }
  },
  beforeUpload(file) {
    // 在这里处理上传前的逻辑，例如限制文件类型和大小
    const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
    if (!isJpgOrPng) {
      message.error('只支持上传 JPG/PNG 格式的图片');
    }
    const isLt2M = file.size / 1024 / 1024 < 2;
    if (!isLt2M) {
      message.error('图片大小必须小于 2MB');
    }
    return isJpgOrPng && isLt2M;
  },
};

<Upload {...props}>
  <Button icon={<UploadOutlined />}>上传图片</Button>
</Upload>