问题标签 [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 投票
1 回答
1933 浏览

css - 我在哪里可以获得 google Material Icon 的内容属性值

是否有可用的链接,我可以从中获取每个谷歌材料图标的内容值,就像我们为字体真棒图标提供的那样:http: //astronautweb.co/snippet/font-awesome/

0 投票
0 回答
294 浏览

html - 如何使用 Icon Font 使 Material Icons 圆润?

我正在为我的网站使用Material Icons

为了显示图标,我使用图标字体...

如果您查看 Material Icons 网站的一侧,您会看到有一个“圆形”选项,它可以使图标的边缘变圆......

在此处输入图像描述

我似乎得到它的唯一方法是将它作为文件下载。有没有办法使用图标字体(HTML/CSS)来获得它?

0 投票
1 回答
37 浏览

css - MaterialIcons-Regular 应用任何 CSS *:first-letter 时的字体错误

如果我在此选择器上应用任何 CSS 规则,而在 Chrome 上,我的 MaterialIcons-Regular 图标会消失或爆炸成两个不同的图标。

关于这里可能有什么问题的任何想法?

想看看我的意思吗?在 Firefox 和 Chrome 中打开的链接: https ://jsfiddle.net/z7xmf81u/

你可以删除

*:首字母{颜色:蓝色;}

随意行。

任何解决方法表示赞赏,谢谢

0 投票
1 回答
1162 浏览

angular - 带有连字支持的 Angular 6 自定义材质图标

是否可以创建带有连字支持的自定义材质图标。我目前svgIcon用于获取自定义图标,有没有办法实现连字支持的自定义图标?

我当前的代码片段如下

app.component.ts

login.component.html

0 投票
2 回答
4763 浏览

reactjs - 如何在material-ui v.1.3中使用图标?

我对如何在当前版本的material-ui中使用图标感到困惑。

根据 icon 上的material-ui 文档,在SVG Material icons下:

我们提供了一个单独的 NPM 包,@material-ui/icons,其中包括 1000 多个官方Material 图标转换为SvgIcon组件。

(...)

您可以使用 material.io/tools/icons 来查找特定图标。导入图标时,请记住图标的名称是 PascalCase,例如:

  • delete暴露为@material-ui/icons/Delete
  • delete forever暴露为@material-ui/icons/DeleteForever

他们展示的一个例子是:

这适用于许多图标,但不适用于file_copy -icon。

但是,我可以使用它:

完成这项工作的预期方法是什么?

我已经npm install --save安装了@material-ui/icons material-design-icons。(最初只有第一个,但在没有让所有图标正常工作后,我也尝试了第二个)

我还包含了material-ui 安装指南<link />中的-tags

但是,我用import FileCopy from '@material-ui/icons/FileCopy';

0 投票
5 回答
27026 浏览

angular - 如何使用/启用动画图标?

有人知道如何在材料设计文档中显示的 Angular Web 应用程序中使用/启用动画图标:https ://material.io/design/iconography/animated-icons.html#usage

0 投票
3 回答
9005 浏览

angular - Angular 材质 mat-slide-toggle 更改切换图标

我正在使用 angular6 来布局我的 UI。

默认的 mat-slide-toggle 按钮如下所示:

在此处输入图像描述

但我希望切换按钮看起来像下面的材料图标 toggle_on , toggle_off

在此处输入图像描述

可以定制吗?

非常感谢。

0 投票
2 回答
4300 浏览

jquery - Google Material Icons 显示文本而不是图标

如果页面无法加载图标库,我不希望显示图标文本。例如下面的代码应该显示邀请人图标-

但是当页面由于某种原因无法加载时(比如网络连接速度慢),上面的代码会显示文本——“person_add”,看起来很侮辱。这个问题有什么解决方案吗?事实上,即使库不存在,我也不希望文本以任何方式出现。

0 投票
2 回答
1572 浏览

reactjs - 无法导入轮廓的 svg 图标组件材料-ui

我正在通过反应应用程序使用材料图标。我想使用循环检查。

我可以按如下方式导入和使用check_circle图标

还有一个名为 circle_check_outline的图标,我无法通过正常的导入行导入

它给出了Can't resolve 'material-ui/svg-icons/action/check-circle-outline'错误

我尝试下载图标并按照 Marson Mao 对stackoverflow 中类似问题的回答中的建议进行渲染

然后我收到以下错误

我也在同一个问题中尝试了 Joey T 的答案。使用安装 @material/icons 包npm install @material-ui/icons@2.0.0-beta.1

并按如下方式导入图标

仍然收到错误

我正在使用材料-ui v0

0 投票
1 回答
2828 浏览

angular - 如何在 Angular Dart 项目中将材质图标颜色更改为 angular_components 的白色?

如何material-drawer material-icon在 angular dart 项目中将颜色更改为具有深色背景的 angular_components 的白色。

app_component.html

app_component.scss