Ion footer buttons

Ionic Framework ionic-v3
1

Hello,

I display in my footer bar three buttons.
Is it possible to enlarge the icons in a quick way?

Unbenannt

<ion-footer>
  <ion-toolbar text-center="" color="dark">
    <ion-buttons>
      <button ion-button>
        <ion-icon name="home"></ion-icon>
      </button>
      <button ion-button>
        <ion-icon name="contacts"></ion-icon>
      </button>
      <button ion-button>
        <ion-icon name="star-outline"></ion-icon>
      </button>
    </ion-buttons>
  </ion-toolbar>
</ion-footer>
2

Sure,

You can use it on CSS, open your page SCSS file that contains the buttons with icons and use:

ion-footer {
    ion-icon {
        font-size: 30px;
    }
}
3

Thanks for snippet. I have the similar question but I’d like to use all the available space and I want to place the icons at the same distance

Help me to understand

Thanks