问题标签 [material-design-icons]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
869 浏览

c# - WPF 应用程序中配置 XML 的动态 MaterialDesign PackIconKind

我正在设计一个 WPF 桌面应用程序,其中 UI 设计完全由配置文件驱动。我有使用 MaterialDesign PackIcons 的 MenuItems。我在每个菜单项的配置文件中都提到了 PackIcons。例如

现在我想在设计 MenuItems 时使用这个图标名称。在 XAML 中,我知道如何做到这一点

但是当我试图通过后面的代码来做到这一点时,我面临着挑战。通常,如果我们修复了图标,我们可以通过以下代码行来做到这一点

有人可以告诉我如何通过后面的代码使用动态图标来帮助我吗?

谢谢

0 投票
1 回答
444 浏览

reactjs - React 中选择选项中的 Material Design 和 Ionicons

如何在选择下拉菜单中添加图标?

我的代码是:

我得到的不是图标,而是 [object Object]。 截屏

我试图将 MD 图标作为网络字体,如下所述:https ://dev.materialdesignicons.com/getting-started/webfont但我也得到了 [object Object]。

任何想法如何做到这一点?

0 投票
2 回答
669 浏览

css - 我为图标使用了 mdi-react 包,但是当它与 scss 结合使用时,“font-size”属性不起作用

我正在使用 mdi-react 包并将其与 scss 结合以定义一些样式,但 font-size 属性不起作用。其他一切(如颜色属性)都在工作。

我在互联网上搜索了它,但找不到解决方案,所以最终决定在 stackoverflow 上写我的第一个问题。

而且我知道我可以在图标组件本身中使用 size="8rem" 但由于某些原因我不想这样做。

这是我的 Home.js 文件:

这是我的 home.scss 文件:

0 投票
1 回答
849 浏览

java - JavaFX - MaterialDesignIcons / GluonHQ 图标未显示

我的一位同事使用 Netbeans 创建了一个 JavaFX GUI 模型。我现在负责把它变成应用程序的第一个原型。我在我的 Eclipse 中导入了生成的 Java 和 FXML 文件,但是当我尝试运行它时,它无法显示按钮图标。

图标在 FXML 文件中声明如下:

但是当我运行它时的结果只是一个空矩形:https ://imgur.com/lekSxvc

我试图向 MaterialDesignIcons 添加一个 Maven 依赖项(这显然是 Gluon 用来获取图标的),但它没有改变任何东西。我还尝试在调试模式下运行 Maven,但没有看到与此问题相关的任何警告或错误。

0 投票
1 回答
362 浏览

android - Material Design Icons (JS SVG) Vuetify.js - 使用 mdiSvg 不显示附加图标

当使用 PhoneGap 从我的 dist.zip 文件夹生成 APK 时,我无法在 Android 上显示附加图标。起初,它根本不会显示图标,然后我根据链接(https://vuetifyjs.com/en/customization/icons/#install-material-design-icons-js-svg)切换到 mdiSvg。之后,当我插入 {{ mdiClose }} 并指定 mdiClose 图标字体并将其导入我的 .vue 文件时,v-icon 开始显示。

我试过mdi-eye,mdiEye也试过,但没有运气。

0 投票
2 回答
2256 浏览

react-native - React Native Paper Icons 存储库

我一直在努力找出用于图标的 React Native Paper 的存储库,使用 React Native Paper 设计 APP 变得非常容易,但弄清楚 Icon 名称有点困难。

0 投票
0 回答
201 浏览

react-native - 你如何在带有@oblador/react-native-vector-icons 的 React Native (iOS/Android) 中使用像 @mdi/light-font 这样的 webfont npm 包?

我想在 React Native 中使用以下图标 webfont:@mdi/light-font

我正在使用@oblador/react-native-vector-icons来管理我的网络字体。我不使用世博会。

目前我已经使用了@mdi/light-font 的.svg 导出并将其重新打包为Fontello 的自定义字体。然后我使用 react-native-vector-icons 辅助函数来导入 Fontello。

突然间,我有一种感觉,我无缘无故地让我的生活变得更加艰难。

我已经看到有一个 ttf 文件可以推送到 android。但是我找不到如何导入 glyphMap。

任何想法 ?

谢谢

0 投票
0 回答
66 浏览

css - 如何让@mdi/fonts 显示图标

@mdi/fonts为一个角度项目安装。运行时一切正常,ng serve或者ng build,我可以看到显示的图标。但是当我运行时,图标变成了框ng build --prod。我不知道为什么会这样。我该如何解决这个问题。我的项目是 Angular 10 项目。

0 投票
1 回答
77 浏览

vue.js - mdicon 组件图标名称在 vue 中不起作用

我想使用 mdicon 组件(请参见此处)。但是图标名称没有备忘单。我尝试使用此备忘单,但效果不佳。这些名称不适用于包含多个单词的图标(例如左箭头、加标志),但它适用于单个单词图标(例如汉堡包、主页、警报)。有谁知道这个 mdicon 组件的真正备忘单?谢谢你。

0 投票
2 回答
330 浏览

vue.js - vuetify 和 @mdi/js 缺少 V-Checkbox 图标。导入它的最佳方法是什么?

我想知道如何正确使用本身使用带有 @mdi/js 图标的 vuetify 组件

我的 vuetify 配置如下所示:


只需导入图标并在作品中覆盖它们v-checkbox,但我不想在每次v-checkbox使用时都这样做:


另一种方法是覆盖$checkboxOffSASS 变量。

node_modules/vuetify/dist/vuetify.js我发现变量的声明。

图标的实际 svg 路径(只需将其粘贴到https://yqnn.github.io/svg-path-editor/即可查看)。所以我试图在'variable.scss'中覆盖它但没有成功。


我错过了什么?