Angular2 Material md-icon size

Question

How do I get the icon size to work with the relative size of the font in angular2?

<div style="font-size: 3em;">
<md-icon>highlight</md-icon>
Title
</div>

Answer 1

In your CSS file you can modify the md-icon size by modifying font-size, height and width. For example:

md-icon.size-45 {
    font-size: 45px;
    height: 45px;
    width: 45px;
}