Customize ionicons color?

Is it possible to customize ionicons color to adapt to our own needs?

I have an app that has a main color of green. And I want to use ionicons in my app because it perfectly mimic the ios native style. However, I find it is limited in that most icons only have a grey color version. I want to customize the color to green and white by myself. How should I do that?

3 Likes

Like this:

<i class="icon ion-home custom-icon"></i>
.custom-icon {
  font-size: 64px;
  color : red;
}
11 Likes

Awesome! Super easy. Thanks!

<i class="icon ion-home balanced"></i>

this code works for me without any custom CSS :wink:

15 Likes

Though this can result in some hilarious combinations like green buttons when on a blue background.