Breaking News: Grepper is joining You.com. Read the official announcement!

How to change size of mat-icon on Angular Material

Add Answer

Mubeen Naeem answered on July 6, 2021 Popularity 9/10 Helpfulness 6/10

answer How to change size of mat-icon on Angular Material

related change mat icon size

related mat icon size

How to change size of mat-icon on Angular Material

Comment

<mat-icon class="icon-display">home</mat-icon>


.icon-display {
   transform: scale(2);
}

Popularity 9/10 Helpfulness 6/10 Language whatever

Source: Grepper

Tags: angular-material mat-icon size whatever

Link to this answer
Share Copy Link

Contributed on Mar 07 2023

Mubeen Naeem

0 Answers Avg Quality 2/10

Closely Related Answers

change mat icon size

Comment

.mat-icon {
  font-size: 50px;
}

Popularity 10/10 Helpfulness 9/10 Language css

Source: stackoverflow.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Jul 06 2021

MitchAloha

0 Answers Avg Quality 2/10

mat icon size

Comment

<!DOCTYPE html>
<html>
<head>
  <!-- Include Material Design Icons stylesheet -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  
  <!-- Define a custom class to apply the desired size -->
  <style>
    .my-icon {
      font-size: 24px; /* Adjust the value as per your requirement */
    }
  </style>
</head>
<body>
  <!-- Use the Material Design icon with the custom class -->
  <i class="material-icons my-icon">favorite</i>
</body>
</html>

Popularity 7/10 Helpfulness 2/10 Language html

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

How to change size of mat-icon on Angular Material

Contents

More Related Answers

How to change size of mat-icon on Angular Material

Closely Related Answers

change mat icon size

mat icon size

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.