Javascript 如何在节点模块中包含新的google材质设计图标？

目前正在进行一个需要导入谷歌材质设计图标的项目。当我使用以下命令安装google material design软件包时，很少有图标能够呈现：

npm安装@material ui/图标

npm安装@material ui/core

在我的

JavaScript

文件中，我导入了以下两个图标：

从“@material ui/icons/EmojiObjectsSharp”导入EmojiObjects

从'@material ui/icons/construct'导入{Construction}

在
JavaScript
文件的
标题
函数内：

<ul class="navigation">
<li><a><Link to="/products"><AddShoppingCart/>Produkte</Link></a></li>
<li><a href="#"><Link to="/solutions"><EmojiObjects/>Lösungen</Link></a></li>
<li><a href="#"><Link to="/tools"><Construction/>Tools</Link></a></li>
<li><a href="#"><Link to="/tools">Unternehmen</Link></a></li>






请问我犯了什么错误？我在我的节点模块文件夹中没有看到与
构造
图标相关的文件

有没有办法插入新的谷歌材质设计图标

我尝试使用以下网站解决问题，但没有关于
构造的说明。
图标。

构造
图标不是默认设置的一部分，如您所述。但是，您可以使用MUI提供的组件，如下所述：

然后用以下符号引用图标：

<i class="material-icons">cloud_upload</i>

然后添加到您的组件（我的是
App.js
）：

从“React”导入React；
从“@material ui/core/Icon”导入图标；
导入“/styles.css”；
导出默认函数App（）{
回归构造；
}

此处演示：
谢谢您的回答。请问路径组件应该包括哪些路径？
@import '~material-design-icons/iconfont/material-icons.css';

<i class="material-icons">cloud_upload</i>

@import url("https://fonts.googleapis.com/css2?family=Material+Icons&display=swap");

import React from "react";
import Icon from "@material-ui/core/Icon";
import "./styles.css";

export default function App() {
  return <Icon>construction</Icon>;
}