Ion footer buttons


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


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


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;

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