From 9d4ca07e3270bf7e060754b8dac76efce0eb5d7d Mon Sep 17 00:00:00 2001
From: Joy Serquina <serquina@google.com>
Date: Fri, 13 Sep 2024 21:19:41 +0000
Subject: [PATCH] fix(material/icon): updates to include .mat-icon variants

Updates classes to target .mat-icon usage in other Angular
Material Components (ie. list-item, list-option, grid-tile,
form-field, tab, toolbar, and tooltip).

Fixes b/250063405
---
 src/material/icon/icon.scss | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/material/icon/icon.scss b/src/material/icon/icon.scss
index cb03f82eb79e..1d91711eda4e 100644
--- a/src/material/icon/icon.scss
+++ b/src/material/icon/icon.scss
@@ -28,7 +28,6 @@ mat-icon {
   fill: currentColor;
   height: $size;
   width: $size;
-  vertical-align: middle;
 
   // In some cases the icon elements may extend beyond the container. Clip these cases
   // in order to avoid weird overflows and click areas. See #11826.
@@ -68,6 +67,13 @@ mat-icon {
 // Makes button icon overflow visible to fix b/250063405
 .mat-mdc-icon-button .mat-icon,
 .mdc-button .mat-icon,
-.mat-mdc-fab-base .mat-icon {
+.mat-mdc-fab-base .mat-icon,
+.mat-toolbar .mat-icon,
+.mat-mdc-tooltip-trigger .mat-icon,
+.mat-mdc-tab .mat-icon,
+.mat-mdc-form-field .mat-icon,
+.mat-grid-tile .mat-icon,
+.mat-mdc-list-item .mat-icon,
+.mat-mdc-list-option .mat-icon {
   overflow: visible;
 }