Change the icon size of AngularJS Material icons

Question

I have referenced then declared an icon

face

But how can I change the icon size?

On of

Answer 1

You can use normal css, but must override inline styling with:

font-size: 50px !important;

Answer 2

If I'm doing a one-off I usually just add a style= modification to the font-size in the tag. But yes long story short there's no real trick to it other than defining your own size styles to attach in css as a more permanent solution.

<i class="material-icons" style="font-size: 50px">insert_invitation</i>

Answer 3

There is a size attribute associated with icon tag like check_circle

so using size attribute, we can change the size of the icons.