使mat图标适合容器div

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

.icon-container {
  display: flex; /* 设置容器为弹性布局 */
  align-items: center; /* 垂直居中图标 */
  justify-content: center; /* 水平居中图标 */
  width: 100%; /* 设置容器宽度 */
  height: 100%; /* 设置容器高度 */
}

.icon-container i {
  font-size: 24px; /* 设置图标大小 */
}

<div class="icon-container">
  <i class="material-icons">图标名称</i>
</div>