Angular <；md图标>；在角材料中

我正在我的应用程序中使用Angular Material 2.0.0-beta.3成功地显示一个图标，

account\u circle

图标，如下所示：

<md-icon>account_circle</md-icon>

<div fxFlexAlign="center"><md-icon style="font-size:48px;">account_circle</md-icon></div>

---

然而，现在我有一个问题，图标没有完全居中-它看起来像是使用图像的一个象限来计算居中，所以不太正确。将放大的材质图标居中放置的最佳方法是什么？

您必须设置md图标的大小，而不仅仅是字体大小：

<md-icon style="font-size:48px; width: 48px; height:48px;">

或创建一个新类：

<md-icon class="md-48">

.md-48 {
  font-size:48px; 
  width: 48px;
  height:48px;
}

.md-48{
字体大小：48px；
宽度：48px；
高度：48px；
}

要更改md图标大小，请将其添加到CSS中：

md-icon {
  font-size: 48px;
  width: 48px;
  height:48px;
}

md-icon {
  color: #FFF !important;
}

---

要更改md图标的颜色，请将其添加到CSS中：

md-icon {
  font-size: 48px;
  width: 48px;
  height:48px;
}

md-icon {
  color: #FFF !important;
}