问题标签 [material-design-icons]

我已经使用 Vuetify 和 Material Design Icons 开发了一个 Vue 2.6 SPA，如这里所述，但 SPA 的某些元素（部分由公共模板派生）也使用“ Material Design Iconic Font ”。我想在本地托管“ zmdi ”图标，而不是使用 CDN，并按照此处报告的说明安装了这个附加图标包：

我不知道如何正确地将“ zmdi ”图标包含到 VUE 应用程序中。谁能建议在 VUE SPA 中托管 Material Design Iconic Font 的最简单方法？

这是我的代码

但它什么也没显示：

相反，图标显示正常：这是代码

普通图标的图像：

我刚刚开始使用 Vuetify 的 Vue 项目，我正在尝试使用v-icon.

在我的组件中，我有以下代码：

图标的渲染效果domain很好。但是，渲染的credit_card_outline高度为 45 像素，宽度为 216 像素

这几乎就像它也在为实际文本渲染空间......它适用于许多图标（例如 playlist_add 工作），但对于许多图标它不......

什么可能导致此错误？

我们有一个 Angular 应用程序，其中包含一些我正在尝试更新的过时依赖项。我想直接使用 fonts.googleapis.com 包含 Material Icon 字体，但在卸载包“material-design-icons”后，该应用程序无法构建。运行 ng serve 时出现此错误：

日志文件说：

我不知道问题是什么，我的项目中没有任何对该包的引用。有什么建议么？

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

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

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

2. 我导入了图标： import monitor_heart from "@material-design-icons/svg/filled/monitor_heart.svg"

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

   div <monitor_heart /> /div //或 {monitor_heart}

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

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

我正在尝试使用材料设计图标，但改为渲染正方形。我刚刚在控制台中发现 vue 没有找到图标的字体，我认为是问题所在。

错误：

我也在使用字体和 css 加载器：

有人知道发生了什么吗？

我正在使用react-native cli版本0.66并希望显示图标， 但不幸的是，当它适用于源代码"react-native-vector-icons": "^8.0.0", 时，我遇到了这个错误unrecognized font family material design icon iosandroid

我想在我的 vue 项目中使用 MaterialDesignIcons ( https://materialdesignicons.com/ )。在我的项目中使用这些图标的正确方法是什么？我尝试了以下但得到错误....

纱线添加@mdi/font

然后在我的vue文件中

但是我得到了错误This dependency was not found: