Using icon font Ionicons with Ionic Framework

Tadashi Shigeoka ·  Mon, October 10, 2016

I researched how to use Ionicons, the icon font available by default from Ionic Framework, so I’ll introduce it.

You can search for icon fonts from the official site http://ionicons.com/.

Once you’ve decided on the icon font you want to use, the key usage method is:


By adding the icon class and ion-cash class like this, you can display the icon.

The Ionic Framework official documentation has slightly more detailed explanations, so it might be good to read it.

If there are nice icons available, using Ionicons directly seems easy and good.

That’s all from the Gemba.