Ionic icons are not showing up in the screen

Ionic version: (check one with “x”) [ ] 1.x [X ] 2.x

I’m submitting a … (check one with “x”) [X ] bug report [ ] feature request [ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/

Current behavior: I am facing difficulties in showing ion-icon in the screen. The following is the HTML code which I use;

<ion-item>
<button ion-button icon-only clear small color="twitter">
      <ion-icon name="logo-twitter"></ion-icon>
    </button>
            <ion-label color="primary">Title</ion-label>
            <ion-input type="text"></ion-input>
        </ion-item>

For some reasons, ion-icon does not show up in the screen. Expected behavior: Use the above snippet in your app to observe the behaviour.

[zgluis]

I found my problem, I was overriding ionicons with this:

* {
  font-family: "my-cool-font" !important;
}

[ag14774]

Still having this issue with ionic v. 3.7.0 This code:

    <ion-col>
      <button ion-button icon-left clear small>
        <ion-icon name="thumbs-up"></ion-icon>
        <div>{{story.numofvotes}} Likes</div>
      </button>
    </ion-col>

generates this (right click->inspect):

Adding class="ion-md-thumbs-up" to the ion-icon tag fixes the issue but I don’t think that is the correct way to do it