如何添加材质图标以响应应用程序？

Question

我在将 material-design-icons/font 中的 monitor_heart 图标添加到 react 项目时遇到问题。该图标位于此处： (https://marella.me/material-icons/demo/) 你必须输入“monitor_heart”

到目前为止，我从 material-ui 添加图标没有任何问题，不幸的是这里我遇到了问题。

1. 我已经安装了这个包： npm 和 @material-design-icons/svg

2. 我导入了图标： 从“@material-design-icons/svg/filled/monitor_heart.svg”导入 monitor_heart

3. 我将它添加到应用程序：

   div /div //或 {monitor_heart}

但它不起作用 - 我不知道如何才能找到这个特定的图标并执行它/在屏幕上显示它。我做错了什么？谁能帮帮我？

代码位于此处： https://github.com/beginnerinreact/material-icon-problem

Answer 1

好的，现在可以了！ 我必须添加正确的导入形式： import { ReactComponent as Monitor_heart } from "@material-design-icons/svg/outlined/monitor_heart.svg" 我必须强调这是一个 React 组件