Reactjs 如何使用我的<；svgicon>；而不是材料'；底部导航操作中的s图标

代码如下，它不起作用。我想用我的svgicon，而不是在这种情况下

   <BottomNavigation
        value={value}
        onChange={(event, newValue) => {setValue(newValue);}}
        showLabels
        className={classes.Navigation}
      >
        <BottomNavigationAction value='SF' label="顺丰" icon={<RestoreIcon />} />
        <BottomNavigationAction value='STO' label="申通" icon={<FavoriteIcon />} />
        <BottomNavigationAction value='ZTO' label="中通" icon={<logo />} >


          <Icon classes={{root: classes.iconRoot}}>
            <img className={classes.imageIcon} src={process.env.PUBLIC_URL + '/sf-logo.svg'}/>
          </Icon>

          </BottomNavigationAction>
     </BottomNavigation>

{setValue（newValue）；}
展示标签
className={classes.Navigation}
>