How to add ion-icon commonly to all pages toolbar without overlap other each other icon in ionic 4

Ionic Framework ionic-v3
1

Hi all. My requirement is to display a specific ion-icon commonly to all pages in the toolbar. I tried in the app.component.html using following code

<ion-app>
  <ion-router-outlet main ></ion-router-outlet>
  <ion-buttons end>
    <button ion-button icon-only>
      <ion-icon name="search"></ion-icon>
    </button>
  </ion-buttons>
</ion-app>

But the above code overlap other page toolbar icon. Is there any solution or alternate way to achieve my requirement ?

Thanks in Advance.

2

That’s not how you do it, read a few of these to get the drift…

https://tinyurl.com/y4usjfot

3

Thanks for your reply