<mat-icon svgIcon="icon_name"> does not resize

[domsew]

Reproduction and Description

When I use standard icons from Getting started I can easily change size of any icon, by changing css font-size property.
However in my angular material app I use icons from
https://dev.materialdesignicons.com/getting-started/angular#angular-material
to change size in this case I should set css width and height properties. Unfortunately size of icon remains the same. The workaround is, to set transform: scale(x).

To avoid workaround, <svg> should have viewBox="0 0 x y" attribute. It can be added here but the problem is to set default viewBox for MatIconRegistry. In my case it will always be viewBox="0 0 24 24"

Expected Behavior

Icon should resize.

Actual Behavior

Icon does not resize.

Environment

• Angular: 7
• CDK/Material: 7
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): Windows 7

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}