Сделать коврик-иконку подходящей для контейнера

Question

Я пытаюсь заставить mat-icon соответствовать их контейнеру, но я не могу сделать это при использовании %.

https://stackblitz.com/edit/mat-icons-dhktin

Как я могусделать иконку большой, как контейнер?

Answer 1

В вашем файле scss или css добавьте:

mat-icon{
 font-size: #px;
}

Answer 2

Попробуйте это на своем html

    <div class="container" >
      <i class="material-icons">brush</i>
    </div>

и

добавьте это в файл CSS

    .material-icons{
      font-size: 200px;
    }

Пример

Answer 3

Вы можете добавить свой CSS

mat-icon{
  font-size:30px;
  transform: scale(12,1.2);
  transform-origin: left;
  margin-left:-20px;
}

пример