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?


Like this:

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

Awesome! Super easy. Thanks!

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

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


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