问题标签 [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.
c# - WPF 应用程序中配置 XML 的动态 MaterialDesign PackIconKind
我正在设计一个 WPF 桌面应用程序,其中 UI 设计完全由配置文件驱动。我有使用 MaterialDesign PackIcons 的 MenuItems。我在每个菜单项的配置文件中都提到了 PackIcons。例如
现在我想在设计 MenuItems 时使用这个图标名称。在 XAML 中,我知道如何做到这一点
但是当我试图通过后面的代码来做到这一点时,我面临着挑战。通常,如果我们修复了图标,我们可以通过以下代码行来做到这一点
有人可以告诉我如何通过后面的代码使用动态图标来帮助我吗?
谢谢
reactjs - React 中选择选项中的 Material Design 和 Ionicons
如何在选择下拉菜单中添加图标?
我的代码是:
我试图将 MD 图标作为网络字体,如下所述:https ://dev.materialdesignicons.com/getting-started/webfont但我也得到了 [object Object]。
任何想法如何做到这一点?
css - 我为图标使用了 mdi-react 包,但是当它与 scss 结合使用时,“font-size”属性不起作用
我正在使用 mdi-react 包并将其与 scss 结合以定义一些样式,但 font-size 属性不起作用。其他一切(如颜色属性)都在工作。
我在互联网上搜索了它,但找不到解决方案,所以最终决定在 stackoverflow 上写我的第一个问题。
而且我知道我可以在图标组件本身中使用 size="8rem" 但由于某些原因我不想这样做。
这是我的 Home.js 文件:
这是我的 home.scss 文件:
java - JavaFX - MaterialDesignIcons / GluonHQ 图标未显示
我的一位同事使用 Netbeans 创建了一个 JavaFX GUI 模型。我现在负责把它变成应用程序的第一个原型。我在我的 Eclipse 中导入了生成的 Java 和 FXML 文件,但是当我尝试运行它时,它无法显示按钮图标。
图标在 FXML 文件中声明如下:
但是当我运行它时的结果只是一个空矩形:https ://imgur.com/lekSxvc
我试图向 MaterialDesignIcons 添加一个 Maven 依赖项(这显然是 Gluon 用来获取图标的),但它没有改变任何东西。我还尝试在调试模式下运行 Maven,但没有看到与此问题相关的任何警告或错误。
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也试过,但没有运气。
react-native - React Native Paper Icons 存储库
我一直在努力找出用于图标的 React Native Paper 的存储库,使用 React Native Paper 设计 APP 变得非常容易,但弄清楚 Icon 名称有点困难。
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。
任何想法 ?
谢谢
css - 如何让@mdi/fonts 显示图标
我@mdi/fonts
为一个角度项目安装。运行时一切正常,ng serve
或者ng build
,我可以看到显示的图标。但是当我运行时,图标变成了框ng build --prod
。我不知道为什么会这样。我该如何解决这个问题。我的项目是 Angular 10 项目。
vue.js - vuetify 和 @mdi/js 缺少 V-Checkbox 图标。导入它的最佳方法是什么?
我想知道如何正确使用本身使用带有 @mdi/js 图标的 vuetify 组件。
我的 vuetify 配置如下所示:
只需导入图标并在作品中覆盖它们v-checkbox
,但我不想在每次v-checkbox
使用时都这样做:
另一种方法是覆盖$checkboxOff
SASS 变量。
在node_modules/vuetify/dist/vuetify.js
我发现变量的声明。
这是图标的实际 svg 路径(只需将其粘贴到https://yqnn.github.io/svg-path-editor/即可查看)。所以我试图在'variable.scss'中覆盖它但没有成功。
我错过了什么?