title: how to add a logo to header -bar in ionic
body: <p>I am trying to add a logo in the center of my header bar using Ionic. Any advise on how to do it?</p>
  
  <p>Here is my code</p>
  
  <pre><code>&lt;ion-nav-bar class="bar-light"&gt;
  &lt;!--Logo--&gt;
  &lt;ion-nav-buttons &gt;
  &lt;img class="title" src="https://s3-us-west 2.amazonaws.com/s.cdpn.io/139144/sp_symbol_option2_1.png"&gt;
  &lt;/ion-nav-buttons&gt;
  &lt;ion-nav-buttons side="left"&gt;
  &lt;!--Left icons--&gt;
  &lt;button class="button button-icon button-clear ion-navicon" ng-click="toggleLeft()"&gt; 
  &lt;/button&gt;&lt;/ion-nav-bar&gt;
  </code></pre>