I used ionicons in my project , but it can not be showed

As the title says,I used the follow element in my project but it can not be showed.

<i class="ion-android-checkbox"></i>

I do not know how to solve this problem.If someone can tell me how to solve this problem, thank you very much.

Hi @Tonson,

Depending on the version of ionic you have installed you may not have the latest ionicons installed on your machine.

The way I got around this was to go to download the latest fonts from ionicons.com

Unzip and copy to the /fonts directory and copy these 4 files to the www/lib/ionic/fonts dir of your app (overwrite).

Do the same for the scss folder and paste to www/lib/ionic/scss/ionicons (overwrite).

Lastly open the ionicons.css file from your extracted zip file /css/ionicicons.css andand copy the contents of that file to www/lib/ionic/css/ionic.css

(NOTE: Make sure you edit and only replace the existing font version takes up about the first 1500 - 2000 lines, you will see the comments indicating)

This has got it working for me…

I hope this helps

2 Likes

Thank you. Your answer helps me.