svgIcon调整大小不适用

Question

我正在使用角度7。

我添加了一组svg

iconRegistry.addSvgIconSet(sanitizer.bypassSecurityTrustResourceUrl('/assets/icons/mdi.svg'));

包含以下内容

<g id="more-vert">
  <path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>
</g>

然后在模板中完成

<mat-icon svgIcon="more-vert"></mat-icon>

大小为24像素。

我尝试使用

调整大小

<mat-icon fontSize="small" svgIcon="more-vert"></mat-icon>

<mat-icon fontSizeSmall svgIcon="more-vert"></mat-icon>

或

之类的CSS

mat-icon{
widht : 20px;
height : 20px;
}

或事件

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

但是什么也没有，svg容器确实会扩展，但是不会改变。