字体图标 MUI v5 未显示答案

【问题标题】：Font Icons MUI v5 not showing字体图标 MUI v5 未显示
【发布时间】：2022-06-13 20:56:48
【问题描述】：

我正在尝试使用 Material UI v5 中的 Icon 类，我在 index.html 中添加了以下内容

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />

然后我用

import { Icon} from '@mui/material';
 <Icon color="inherit">file_download</Icon>

但我的图标仍然不显示

【问题讨论】：

mui.com/material-ui/icons/#svg-material-icons
您是否安装了@mui/material @emotion/styled 和@emotion/react 作为您的依赖项？我尝试了您的代码，它确实可以正常工作并正确显示图标：codesandbox.io/s/purple-platform-bqe0sb?file=/src/App.js
@Nima Yup 好像都安装好了
我真的不知道问题出在哪里。你在哪里包括<Icon />？检查它的父元素，看看是不是因为这个。

标签： reactjs material-ui

【解决方案1】：

您可以尝试将导入路径更改为import Icon from '@mui/material/Icon';

【讨论】：

【解决方案2】：

我终于设法通过在我的 index.html 文件中添加所有图标来使其正常工作

来自

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />

到

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp">

如果您不在样式表中指定所有图标，我认为某些图标不起作用

【讨论】：