title: How can I remove vertical padding from ionic icon?
body: <p>Here is my HTML : </p>
  
  <pre><code>&lt;i class="icon ion-email notify-icon"&gt;&lt;/i&gt;
  </code></pre>
  
  <p>and CSS:</p>
  
  <pre><code>.notify-icon {
    color: white;
    font-size: 35px;
    background-color: gray;
    padding: 0;
  }
  </code></pre>
  
  <p>I set padding to 0 and it removes horizontal padding, but I still see 4-5px of gray padding on top and bottom. How can I solve it? </p>
  
  <p><strong>Solution:</strong>
  As I understood it is impossible to remove vertical padding, so I decided to replace ionic icon with image.</p>