材质设计图标显示完全错误的图标
可能是由于以下几个原因导致的：
- 图标文件损坏：图标文件可能在传输或存储过程中发生了损坏，导致无法正确显示。解决方法是重新下载或获取正确的图标文件。
- 兼容性问题：某些图标可能需要特定的操作系统或应用程序版本才能正确显示。检查操作系统和应用程序的兼容性要求，并确保满足这些要求。
- 缺失依赖文件：某些图标可能依赖于其他文件或库才能正确显示。确保所有相关的依赖文件都存在并正确配置。
- 图标命名错误：图标文件的命名可能与实际使用的图标不匹配，导致显示错误的图标。检查图标文件的命名并确保与使用的图标一致。
- 图标路径错误：图标文件的路径可能设置错误，导致无法正确加载图标。检查图标文件的路径并确保正确配置。
对于解决这个问题，可以尝试以下方法：
- 检查图标文件的完整性：重新下载或获取正确的图标文件，并确保文件没有损坏。
- 检查兼容性要求：查阅相关文档或官方网站，了解图标的兼容性要求，并确保操作系统和应用程序满足这些要求。
- 检查依赖文件：确认图标是否依赖其他文件或库，并确保这些依赖文件存在并正确配置。
- 检查图标命名和路径：确认图标文件的命名和路径是否正确，确保与使用的图标一致，并正确配置路径。
如果以上方法仍然无法解决问题，建议联系图标的开发者或相关技术支持团队寻求帮助。
腾讯云相关产品和产品介绍链接地址：
腾讯云图像处理（https://cloud.tencent.com/product/tci） 腾讯云音视频处理（https://cloud.tencent.com/product/mps） 腾讯云人工智能（https://cloud.tencent.com/product/ai） 腾讯云物联网（https://cloud.tencent.com/product/iotexplorer） 腾讯云移动开发（https://cloud.tencent.com/product/mobdev） 腾讯云存储（https://cloud.tencent.com/product/cos） 腾讯云区块链（https://cloud.tencent.com/product/baas） 腾讯云元宇宙（https://cloud.tencent.com/product/vr）
相关·内容
1回答
我正在使用故事书来进行vue和vuetify。 它很有用，但不能像v-icons一样看到材质设计图标。 如何在故事书中显示图标？
浏览 21提问于2020-07-21得票数 0
似乎不支持某些材质设计图标。例如，我想使用how_to_vote图标，它实际上在this page中列出，但在Icons类中不受支持。我如何使用它，为什么不支持它？
浏览 24提问于2020-03-26得票数 0
我想在我的程序中使用flutter的材质设计图标，为此，我需要使用Icon小部件。我有一个网络图像(NetworkImage小部件)，如果有一个空的URL，我想要显示材料设计图标。
Container(
width: 48.0,
height: 48.0,
decoration: BoxDecoration(
image: DecorationImage(
image: imgLink.isEmpty
? Icon(Icons.person_outline)
浏览 1提问于2020-09-07得票数 1
3回答
材料设计图标颜色
、、、
哪种颜色应该是“暗”材质图标？
在正式文档(在底部)是54 %黑色(灰色)，但所有下载的材料图标要么是白色或100 %黑色。
也可以在新的官方网站下载白色或黑色，但不是“灰色”！
所以我必须为自己设置54 %的下载图标？还是我错过了什么？
浏览 8提问于2015-05-30得票数 37
1回答
在这个问题上，我面临一些问题。我有个材质按钮。正如您在下面的代码中所看到的，为它设置了一个"Emoticon“图标。
MaterialButton(
onPressed: () {},
// color: Colors.transparent,
child: Icon(
Icons.emoji_emotions_outlined,
color: Colors
浏览 1提问于2021-04-16得票数 0
1回答
因此，在我的flutter应用程序中，材质图标在本机中显示正确，但在web中，都有不同的图标。我应该或可以用它做什么？ ? ?
浏览 14提问于2020-09-06得票数 6
我看到了，其中描述了如何使用FontImage创建一个材质设计“喜欢”的图像；类似于：
FontImage img = FontImage.createMaterial(FontImage.MATERIAL_THUMB_UP, style);
但我是CodeName One的设计师，我试图给一个简单的按钮这样的图标样式，但我没有办法做到这一点。有什么提示吗？
浏览 2提问于2016-02-10得票数 1
3回答
我使用角度材料设计为我的AngularJS应用程序提供响应式设计。我正在使用材质设计图标，我使用以下方式安装这些图标：
bower install material-design-icons
然后我将css声明为CDN链接，即：
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
我通过以下方式使用这些图标：
<i class="material-icons md-36 md-dark">person&
浏览 3提问于2016-01-17得票数 1
2回答
很长时间的读者，第一次的海报。我想有一个材料汉堡包转换为"X“时，单击，然后转换回来时，再次单击在一个角度应用程序。网站显示有我想要的动画，但没有关于如何做的文档。
我尝试了CSS方法，但它不显示，这将是很好的保持项目与材料图标一致。
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls=
浏览 1提问于2019-06-19得票数 2
是否可以自定义核心Spartacus组件，如cx-icon？我需要扩展cx图标以添加支持材质图标的功能，因此每当我在应用程序中使用cx图标时，材质图标都会被渲染，而不是FontAwesome图标 PS - Material图标不能在cx-icon中配置，因为它不像FontAwesome那样使用CSS类，而是使用文本连字。
浏览 12提问于2020-06-09得票数 0
我找到了类似于md-icon的"Material Design Iconic Font“库，可以创建一个堆叠图标：
但无法创建组合角度材质图标的堆叠图标。
我已经在我的项目中使用了角度材质图标，并且不想仅仅为了堆叠图标而包含另一个库。
有没有办法/解决办法，我们可以结合md-图标，以创建堆叠的角度材料图标？
浏览 0提问于2016-10-28得票数 6
8回答
我想在我的应用程序中显示粗体图标，但我不想使用材质图标，因为当我点击它时，会显示飞溅效应，我不想这样，那么有没有任何方法可以在抖动中增加图标的宽度呢？
我的偶像：-
我的愿望结果是：-
这是我的密码：-
Padding(
padding: const EdgeInsets.only(left: 10),
child: Icon(
Icons.add,
浏览 20提问于2022-01-21得票数 0
回答已采纳
我有一个材质ui导航栏，上面有几个材质ui图标。其中一个是书签图标。单击图标时，它会变成蓝色(rgb(25, 118, 210))，当再次单击或单击页面中的某个位置时，它应该变成白色。这是使用局部变量实现的。
<Popover
...
trigger={
<IconButton classes={{ root: classes.topBarIconButton }}>
<BookmarksIcon aria-label="bookmarks icon" className={classes.favo
浏览 4提问于2021-04-19得票数 0
回答已采纳
我在我的应用程序中使用了com.google.android.material.appbar.AppBarLayout和androidx.appcompat.widget.Toolbar，在安卓8中它工作得很好，但我遇到了一个问题，在安卓7(API24和API25)中，“汉堡”菜单图标和“后退”图标只是显示为一个白块，尽管其他菜单图标显示正确。
汉堡包图标显示的位置。
以及后退按钮的外观。
我的应用程序栏布局：
<com.google.android.material.appbar.AppBarLayout
android:id="@+id/a
浏览 0提问于2019-06-13得票数 3
2回答
我在使用react-native-vector-icons包中的图标时遇到了问题。
下面是我导入的方法：
import MaterialIcon from 'react-native-vector-icons/dist/MaterialCommunityIcons';
import FoundationIcon from 'react-native-vector-icons/dist/Foundation';
下面是我的用法：
<BottomNavigation
labelColor="white"
浏览 2提问于2018-01-19得票数 0
1回答
我正在使用来自angular材质的工具提示。我想在悬停在图标上时显示工具提示。当我尝试在<i>标签上实现角度材质工具提示时，它似乎不起作用。
module.ts
import {MatTooltipModule} from '@angular/material/tooltip';
@NgModule({
imports: [
MatTooltipModule
]
component.html
<h4>Info <i class="fas fa-info-circle fa-xs" matToolti
浏览 0提问于2018-06-09得票数 0
1回答
我正在尝试解决我遇到的这个问题。我的操作菜单显示在操作栏上。我想让它显示在下面。就像它通常应该的那样。我使用的主题是Theme.AppCompat。
这就是我想要的：
我就是这么做的：
我已经尝试改变主题，但我需要一个AppCompat主题。
浏览 1提问于2014-11-22得票数 0
我正在使用材质设计图标()，并在我的angularjs应用程序中使用webpack加载它们。古普为我的网页提供服务。我的webpack配置文件包含以下字体代码：
{ test: /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/, loader : 'url-loader' }
我面临的问题是，正在渲染的网页显示了错误的图标。当我使用file-loader而不是url-loader时，我在控制台中得到以下警告。
Failed to decode downloaded font, OTS parsing error: Failed to conve
浏览 1提问于2015-12-11得票数 4
1回答
新手和TS在这里。我正在React中创建一个自定义的图标组件，我只想使用圆角材质的UI图标。
我是这样定义类型的：
import * as icons from '@material-ui/icons/index'
export type MaterialUiIcon = keyof typeof icons
这工作，但只给我类型检查所有材料的UI图标。
相反，这是我想要做的：
const roundedIconsNames = (Object.keys(icons).filter((icon) => icon.includes('Rounded')))
浏览 0提问于2021-07-06得票数 1
我正在使用materializecss，所以我已经有了可用的材质设计图标。我如何在我的CSS代码中使用它们作为background-image值(实际上是SASS)？
浏览 0提问于2016-06-20得票数 14
回答已采纳
当Google的JS无法将材料图标文本转换为图标时，如何防止材料图标文本显示？
图标在标记中定义如下：
<span class="material-icons">icon_name</span>
示例： (请参阅顶行按钮)。
材质图标文档：
这也是谷歌搜索中的一个问题，谷歌实际上会读取并保存div的文本，而不是忽略它。
示例：
据我所知，一种解决方案是直接切换到.PNGs (由谷歌提供)。我愿意做任何能减少用户系统(网络)负载的事情。
谢谢!
浏览 11提问于2017-01-18得票数 36
在::before/::after内容中时，材质图标在生产环境中无法正确渲染。font属性在生产版本中消失。
我已经导入了材质图标
app.component.html
<div></div>
app.component.css
div::before {
content: 'arrow_drop_down';
font: 24px 'Material Icons';
}
在运行ng build或ng serve时，它会呈现正确的图标箭头图标，但在production build中，它会简单地呈现文本arrow_drop_down
浏览 25提问于2018-10-30得票数 -1
回答已采纳
2回答
<material-icon icon = "datas/icons/logo.svg"> </material-icon>
它不工作了..
我猜作为图标属性的参数给出的路径有问题。想知道这个图标文件夹的实际位置。(顺便说一句，我正在使用bower下载这些包)
浏览 6提问于2017-02-08得票数 1
回答已采纳
2回答
我正在使用materialize (www.materializecss.com)开发和网站。我使用图标(类似于bootstrap中的字形图标)使它们显示为按钮。到目前为止，我还没有成功。
Js Fiddle for the same: https://jsfiddle.net/a06n54pa/
我希望图像看起来类似于twitter的回复，转发和收藏按钮，如图所示。
提前谢谢。
浏览 0提问于2016-03-19得票数 0
1回答
我正在开发一个角度应用程序，这是我第一次使用材质图标。我正在尝试显示一个“电子邮件”图标，它被超链接为邮件地址：
<a href="mailto:trevor.goodchild@thecompany.com">
<i class="material-icons">
mail_outline
</i>
</a>
因此，没有超链接的图标只是白色和黑色的轮廓。当超链接时，黑色轮廓变为蓝色。我在试着找出最简单的方法让它黑白分明。
浏览 15提问于2019-10-24得票数 0
回答已采纳
我想在Angular 8中显示一个材质图标，但它没有显示
所以我试着像这样显示qrcode符号：
<mat-icon class="patient-table-link patient-table-link-view material-icons" [routerLink]="openEcheqSelectorQrcode(row.participantId)" routerLinkActive="router-link-active" >qrcode-scan</mat-icon>
但是它没有显示正确的图标。
但这是
浏览 1提问于2019-08-08得票数 0
我想创建一个更大的浮动动作按钮(FAB)，比通常的56 dp，里面有一个更大的图标。(对于我来说，图标永远不会是自解释的，所以我将创建一个包含短文本的png文件，并使用此png作为图标。)
增加FAB的大小可以很好地工作：
因为我没有使用mini-FloatingActionButton，所以我重新定义了mini-button大小。
在我的布局-xml中，我指定：
<android.support.design.widget.FloatingActionButton
...
app:fabSize="mini"
....
在dimensions.x
浏览 111提问于2016-01-02得票数 24
回答已采纳
2回答
我正在使用新的Gui生成器，并希望在一个按钮中更改材质图标的颜色和大小。
有办法这样做吗？我找不到任何相关的网络和改变按钮的字体颜色似乎不会影响图标的颜色.
提前谢谢。
到目前为止，我拥有的是css样式：
mybutton {
background-color: lightgray;
border-radius: 4pt;
border: none;
box-shadow: 2pt 2pt 2pt 0px gray;
color: #ff0000;
font-family: "native:MainRegular";
浏览 4提问于2017-08-15得票数 1
回答已采纳
通常，如果我们想要使用espresso按下一个按钮，您将等待ID为的视图被加载。然后执行单击。材质设计芯片允许您定义关闭图标，并将侦听器放置在关闭图标上。但是，这意味着closeIcon没有可直接引用的ID，并且在布局检查器中显示为芯片的一部分。 onView(withId(R.id.chip)).perform(click()) 你将如何使用espresso来找到关闭图标？
浏览 13提问于2019-02-21得票数 2
回答已采纳
在web组件中包含Vuetify的材质图标样式的正确方式是什么，这样它就可以在阴影中访问，而不会在父组件中有任何外部链接(因为web组件没有index.html)？ 我的目标是一个wc，如下所示： vue-cli-service build --target wc --name my-element 'src/components/mycomponent.vue' 所以，所有的css库/图标都需要存在于mycomponent.vue中。 我尝试在组件的模板中添加指向材质图标的链接 <link rel="stylesheet" href="http
浏览 40提问于2019-06-02得票数 1
回答已采纳
1回答
我已经离线托管了角度材质图标。目前，我正在使用一些图标。有没有办法删除未使用的图标和它的CSS类，因为它消耗了大量的空间？
浏览 0提问于2019-10-19得票数 1
在Macbook Pro 2017上运行Blender 2.82。 每次我附加.blend文件中的对象时，这些对象都显示为洋红色。这在所有视口明暗处理模式中都会发生。例如，我将尝试附加.blend场景、对象、集合或材质，但即使材质已附加到对象，并且材质的小图标出现，它似乎也不会打开纹理文件。当我尝试从.blend文件中附加纹理时，我在纹理子文件夹中找不到任何纹理。 我也看不到UV编辑器上的UV网格，即使在展开之后也是如此，尽管这可能是一个单独的问题。 这些文件是来自Turbosquid的免费.blend文件，如果这有什么关系的话。 任何帮助都是非常感谢的！谢谢 ?
浏览 26提问于2020-03-16得票数 0
回答已采纳
1回答
我有一个svg元素，我想在里面插入一个材质图标。 与How do I include a font awesome icon in my svg?类似，但在Vue中使用材质图标 那段代码不能工作 html： <svg >
<circle class="background" cx="50%" cy="50%" r=100></circle>
<text class="icon" x="50%" y="50%" >dashboard</t
浏览 27提问于2019-06-22得票数 1
我在React.js中使用像import AccountCircleIcon from '@material-ui/icons/AccountCircle';这样的材质图标，但我想使用自定义图标。多么?
浏览 15提问于2021-03-02得票数 0
材质设计图标：
如何在布局XML文件中使用这些图标？我需要下载这些图标吗？例如：
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/button_icon"
... />
图标大小/颜色是否可配置？
浏览 6提问于2019-07-16得票数 0
我想在我的应用程序中使用材质样式按钮-但我无法使设置图标显示。我不介意从symbolicon图标切换(我认为它失败的部分原因是它是从流利的风格字体和材料没有它)-但我不确定如何进行这一点。另外-我如何改变材质按钮的波纹的颜色？我在Material按钮的源代码中看到了一个被按下的状态--但它只有一个不透明度和一个持续时间。因为我在光模式下的背景会是浅灰色--你永远看不到波纹。下面是我的代码： Working- but using fluent:
<Button Background="{StaticResource buttonBackground}" Click=
浏览 13提问于2021-04-27得票数 0
回答已采纳
2回答
我已经创建了一个应用程序来测试新的CN1 CSS支持。
这个插件很棒，一切都很好，而且开箱即用，除了按钮上的材质图标不会随着按钮的文本颜色而改变颜色。它只是始终保持相同的(黑色)颜色。
在使用CSS支持之前，我更改了主题编辑器的默认前景颜色设置，以达到材料图标，但现在主题编辑器似乎与样式分离，它不再有任何效果。
是否有图标的UIID或任何其他方法来更改材质图标的颜色？
下面是我的代码：
FontImage icon = FontImage.createMaterial(FontImage.MATERIAL_CHECK, "TitleCommand", 3);
浏览 2提问于2018-05-17得票数 1
2回答
延迟后如何更改物料按钮的状态？
、、、、
我有一个表情符号的列表，[?, ?, ??, ??, ??, ??, ??, ?, ?, ?, ?, ?, ?, ?]与我一起，我也有一个按钮与我没有与之相关的图标。请参见此材质按钮。 MaterialButton(
onPressed: () {},
child: Text("",textScaleFactor: 2),
shape: Cir
浏览 16提问于2021-04-17得票数 1
1回答
我使用的是剑道网格1.0.7。有人在网格中使用过图标(材质或剑道图标)吗？
我已经尝试在数组中传递信息。到目前为止，我还没有任何运气。
浏览 3提问于2017-05-27得票数 1
我正在使用angular.js来建立一个SPA和角度材料来设计布局。但事实证明，棱角材质的图标不能设置CSS样式，但聚合物的图标可以。所以我想在我的angular.js应用中使用聚合物图标。我已经在脚本中包含了polymer.js并导入了core-icons.html，但出现错误..
Uncaught HierarchyRequestError: Failed to execute 'appendChild' on 'Node': Nodes of type 'HTML' may not be inserted inside nodes of t
浏览 2提问于2014-11-25得票数 4
1回答
我使用的是材质ui图标，这里有另一个连接到它的相机图标(AddIcon)，我想为每个字母设置图标，但是资料ui没有，所以我找到了有字母表的‘物镜设计图标’。我的问题是如何替换这个加(上瘾)，例如用'b‘字母表的’物质设计图标‘？
我的代码:代码框：
代码：
import * as React from "react";
import Box from "@mui/material/Box";
import Container from "@mui/material/Container";
import AddIcon from &#
浏览 1提问于2022-10-28得票数 1
3回答
有没有人有一个很好的样式表片段，可以让和在空间上很好地协同工作-让材质设计图标在一个以FontAwesome为主的站点上播放得很好？样式，基线，宽度是不同的-也许更多。常用的"material-icons“CSS类将字体大小固定为24px。此外，Material-Design图标的有效基线远远高于文本基线。
到目前为止，我已经用以下命令修补了Google的"material-icons“CSS类：
{
font-size: 150%;
transform: translate(-10%,20%);
}
Material-Design图标也比Font-Awesom
浏览 0提问于2015-07-16得票数 5
我使用的是react-native-vector-icon，我希望props navIconName dynamically具有如下所示：
import Icon, {ToolbarAndroid} from 'react-native-vector-icons/MaterialIcons';
...
render() {
const NAV_DRAWER_BUTTON = "menu";
const NAV_BACK_BUTTON = "bluetooth"
const ICON = this.props.navi
浏览 4提问于2017-03-15得票数 0
回答已采纳
2回答
如何在画布中使用材质图标？ 对于字体，您可以包括字体并使用图标字符代码，如下所示： ctx.font='30px FontAwesome';
ctx.fillText('\uF047',20,50); 但是Google material图标又如何呢？我在网上找不到任何解决方案。
浏览 18提问于2019-05-22得票数 0
角度材质图标的默认列表不包含facebook、twitter、linkedin等社交媒体图标。
你知道我该如何做到这一点吗？
<mat-icon>facebook</mat-icon>
<mat-icon>youtube</mat-icon>
浏览 2提问于2017-12-14得票数 7
我想要增加材质工具栏中导航图标(抽屉图标或向上按钮)的触摸区域，就像在Kitkat中一样。我试图添加填充到图标，但这实际上将标题向右移动。所以我不希望标题或导航图标的位置有任何变化，只是触摸区域应该更宽。请帮帮忙。
浏览 0提问于2015-07-03得票数 0
是否可以将Flutter中的材质图标用作带有GoogleMap小部件的Flutter应用程序中的标记？
浏览 7提问于2019-10-25得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
