如何使用vanilla CSS,HTML或JS更改Angular 2+ Material Design上SVG图标的大小？
如果我在HTML元素中指定图标,样式工作正常:
<mat-icon style="font-size: 16px !important">home</mat-icon>
但是,当我使用该svgIcon属性时(例如,如果使用第三方图标库),则无法调整图标大小:
<mat-icon style="font-size: 16px !important" svgIcon="home"></mat-icon>
我知道SVG的扩展比较复杂,我可以使用该viewBox属性.但是,我甚至无法访问<svg>里面的子元素<mat-icon>做一个丑陋的JS hack.使用vanilla CSS有一种直接的方式吗？甚至是Angular组件的丑陋黑客？
额外信息:我正在使用https://materialdesignicons.com上的mdi.svg图标库来获取我的Angular项目的其他图标.但是,要使用这些,我必须使用该属性.svgIcon
我正在使用 Maven 3.3.3 创建一个可以部署到 Heroku 的 Spring MVC 应用程序。我打算按照 Heroku 文档（https://devcenter.heroku.com/articles/getting-started-with-spring-mvc-hibernate）的建议使用 jetty-runner 。
我无法让 Maven 创建用于复制 jetty-runner.jar 文件的目标/依赖项文件夹。我使用以下命令：
mvn clean
mvn package
我创建了目标目录，其中包含所有资源、网页和源，但不是应复制 jetty-runner.jar 文件的“目标/依赖项”文件夹。
我的 pom.xml 与上面链接中的示例应用程序提供的几乎相同。我的项目和 pom.xml 文件可以在以下 GitHub 存储库中找到：