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

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-router-outlet main ></ion-router-outlet>
  <ion-buttons end>
    <button ion-button icon-only>
      <ion-icon name="search"></ion-icon>

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

Thanks in Advance.

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

Thanks for your reply