Ion Icon Size

<div>Foobar <button class="button button-icon icon ion-alert"></button></div>

I have tried changing the font-size of the button and surrounding div and the ion-alert icon will not resize. For the heck of it i also tried changed height/width with no luck.

Any ideas?

Not sure why you are wrapping it with a div…

But this works for me.

<button class="button button-clear icon ion-alert my-button"> Foobar </button>

And this css


I added the div just to try it… Adding :before to my style fixed my problem.


1 Like