如何使用material ui从SVG图像创建SVG图标？

import React from 'react';
import { SvgIcon, createMuiTheme } from '@material-ui/core';

function MySvgIcon(props) {
  return (
    <SvgIcon {...props}>
      // 在这里插入你的SVG图像代码
    </SvgIcon>
  );
}

function MySvgIcon(props) {
  return (
    <SvgIcon {...props}>
      <path d="M10 20..." /> // 这是一个示例SVG路径
    </SvgIcon>
  );
}

import MySvgImage from './path/to/MySvgImage';

function MySvgIcon(props) {
  return (
    <SvgIcon {...props}>
      <MySvgImage />
    </SvgIcon>
  );
}

function App() {
  return (
    <div>
      <MySvgIcon color="primary" fontSize="large" />
    </div>
  );
}