如何在ANTD设计菜单中添加自定义图像/图标？

import { Menu, Icon } from 'antd';
import { HomeOutlined, UserOutlined, SettingOutlined } from '@ant-design/icons';

const App = () => {
  return (
    <Menu>
      <Menu.Item key="home">
        <Icon component={HomeOutlined} />
        <span>首页</span>
      </Menu.Item>
      <Menu.Item key="user">
        <Icon component={UserOutlined} />
        <span>用户</span>
      </Menu.Item>
      <Menu.Item key="settings">
        <Icon component={SettingOutlined} />
        <span>设置</span>
      </Menu.Item>
      {/* 自定义图像 */}
      <Menu.Item key="custom">
        <Icon component={() => <img src="/path/to/custom-icon.svg" />} />
        <span>自定义图像</span>
      </Menu.Item>
    </Menu>
  );
}