Changing the size of the ion-icon in the ion-searchbar

Ionic Framework
1

Hi!

Trying to adjust the size the ion-icons in my ion-searchbar.

ion-searchbar ion-icon {
  height: --px !important;
}

I can do something like this, but the icon size appears to “max out” at the default size. Font-size doesn’t appear to affect it.

2

Try setting the width instead. I believe we use height: 100% and set the width to better preserve the aspect ratio.

3

Thanks! I’ll give that a shot.