Я использую угловой 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>
размер 24px.
Я пытаюсь изменить размер, используя
<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 расширяется, но не изменяется.