问题标签 [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.
css - 我在哪里可以获得 google Material Icon 的内容属性值
是否有可用的链接,我可以从中获取每个谷歌材料图标的内容值,就像我们为字体真棒图标提供的那样:http: //astronautweb.co/snippet/font-awesome/
html - 如何使用 Icon Font 使 Material Icons 圆润?
我正在为我的网站使用Material Icons。
为了显示图标,我使用图标字体...
如果您查看 Material Icons 网站的一侧,您会看到有一个“圆形”选项,它可以使图标的边缘变圆......
我似乎得到它的唯一方法是将它作为文件下载。有没有办法使用图标字体(HTML/CSS)来获得它?
css - MaterialIcons-Regular 应用任何 CSS *:first-letter 时的字体错误
如果我在此选择器上应用任何 CSS 规则,而在 Chrome 上,我的 MaterialIcons-Regular 图标会消失或爆炸成两个不同的图标。
关于这里可能有什么问题的任何想法?
想看看我的意思吗?在 Firefox 和 Chrome 中打开的链接: https ://jsfiddle.net/z7xmf81u/
你可以删除
*:首字母{颜色:蓝色;}
随意行。
任何解决方法表示赞赏,谢谢
angular - 带有连字支持的 Angular 6 自定义材质图标
是否可以创建带有连字支持的自定义材质图标。我目前svgIcon
用于获取自定义图标,有没有办法实现连字支持的自定义图标?
我当前的代码片段如下
app.component.ts
login.component.html
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';
angular - 如何使用/启用动画图标?
有人知道如何在材料设计文档中显示的 Angular Web 应用程序中使用/启用动画图标:https ://material.io/design/iconography/animated-icons.html#usage
jquery - Google Material Icons 显示文本而不是图标
如果页面无法加载图标库,我不希望显示图标文本。例如下面的代码应该显示邀请人图标-
但是当页面由于某种原因无法加载时(比如网络连接速度慢),上面的代码会显示文本——“person_add”,看起来很侮辱。这个问题有什么解决方案吗?事实上,即使库不存在,我也不希望文本以任何方式出现。
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
angular - 如何在 Angular Dart 项目中将材质图标颜色更改为 angular_components 的白色?
如何material-drawer
material-icon
在 angular dart 项目中将颜色更改为具有深色背景的 angular_components 的白色。
app_component.html
app_component.scss