问题标签 [google-material-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 投票
4 回答
4229 浏览

android - 如何在android studio 3.2.1 最新版中导入Google Material Design 图标?

我正在从google material design icon 为我的 Web 应用程序使用 Google Material Design 图标。我们正在为我需要下载其资源并手动将 png 复制并粘贴到相应分辨率的每个图标创建一个新的 android 应用程序。复制和粘贴图标是一项非常繁忙的任务。android中有没有办法我可以将它作为插件导入android studio?我必须在应用程序中添加这么多图标。

0 投票
2 回答
205 浏览

css - 从草图导出的材质 SVG 未显示在客户端的浏览器中,但在我的浏览器中很好 - 如何测试?

我假设这是一个出口问题。试图弄清楚如何重新创建问题 - 任何人都经历过这种情况?也欢迎解决方案。将尝试从 Illustrator 重新导出。

这里有一些麻烦的 SVG(素材图标):

这是一个正确查看的 SVG(自定义):

0 投票
1 回答
144 浏览

dart - 如何在 angularDart 项目中使用大纲材质图标?

如何在 angularDart 项目中使用材质图标概述的主题。

0 投票
0 回答
35 浏览

css - 如何获得“填充”主题版本的 Material Icons

我正在使用 Reactjs 和Material Icons我想获得图标的填充版本。

但相反,我看到的是概述版本。

我究竟做错了什么?以及如何使用该<Icon>foo</Icon>方法获得填充版本?

0 投票
1 回答
1081 浏览

html - 使用 CSS 更改带有复选框的跨度中的材质图标

我有一些复选框,它们的跨度中都有材料图标。我希望材质图标与选中和未选中的不同。我自己尝试了一些,但没有用。

这是我的复选框,print-disabled默认情况下有材质图标。我希望我check-boxchecked材料图标为print.

我试过

解决办法是什么?提前致谢:)

0 投票
0 回答
60 浏览

fonts - 无法解码下载的字体 - ember-cli (3.7.1)

将 ember cli 应用程序部署到 heroku 后,我遇到了这个字体解码问题。它在我的本地主机中运行良好。我对自定义字体使用@font-face 规则,对材料图标(ember-material-icons)使用 ember 插件。任何帮助将不胜感激。提前致谢。

在此处输入图像描述

0 投票
2 回答
3860 浏览

css - Rounded Material Icons 边框和颜色问题

我已将 Material Icons Rounded 包含在我的网页中,如下所示:

我有圆形类的css代码

在页面中,星形图标如下所示:

在此处输入图像描述

如果我增加字体大小,它会变成这样:

在此处输入图像描述

该边界来自哪里以及如何删除它?

编辑:我创建了一支笔来重现问题https://codepen.io/anon/pen/wOJdMZ

更新: 圆角图标颜色在某些屏幕尺寸上没有变化。

我已经更新了附加到问题的代码片段。

  • 在 1920x1080 显示器上,所有图标都是红色的。
  • 在 2560 x 1600 的 macbook 视网膜屏幕上,圆形图标为黑色,其他图标为红色。(这在 Chrome 或 Firefox 上似乎不是问题)

更新 2

颜色问题没有解决。在视网膜屏幕上,图标没有任何颜色。他们总是黑色的。 我的 Macbook Pro 上的代码片段图片 需要帮助。

0 投票
0 回答
71 浏览

ios - 项目在从 Xcode 构建时运行,但在从命令行构建时崩溃(React Native)

运行 react-native run-ios 时,我收到以下警告:

每当我尝试在从命令行启动的模拟器上打开我的应用程序时,它都会崩溃。但是当从 XCode 构建项目时,一切似乎都运行良好。

这是怎么回事?我想从命令行启动它,这样我就可以使用 react-native 调试工具:(

或者,有人知道如何在加载屏幕错误时获取此崩溃的日志吗?


反应本机版本:

反应原生 cli:2.0.1 反应原生:0.57.8

0 投票
1 回答
683 浏览

html - 如何防止谷歌在站点链接中放置材料图标文本?

我的许多链接在链接内的标签中都有材料图标。现在,Google 已使用包含来自该材​​料图标标签的文本/连字的站点链接为我的页面编制索引,因此链接可能会显示“shopping_cart Shop Now”。

浏览网站时,所有内容都已正确显示,但只是在 google 的搜索结果中,页面标题看起来很荒谬。

当谷歌索引这些页面标题以获取站点链接时,我不希望出现文本“shopping_cart”。我怎样才能告诉谷歌停止这样做?

0 投票
1 回答
620 浏览

css - 如何在材质图标和描述之间创建一些空白?

我这里有这个设计:

在此处输入图像描述

你可以看到材料图标有点太接近描述了。我认为我可以通过执行以下操作在两者之间创建一些填充:

那是无效的。

这是组件代码: