Ionicons: Ionic icons do not work in the latest version

Created on 13 Feb 2019  路  7Comments  路  Source: ionic-team/ionicons

All 7 comments

Just tested in my project and it's working fine. If You are using 4.5.5 version of ionic icons you need also add this one:

<script src="https://unpkg.com/ionicons@4.5.5/dist/ionicons.js"></script>

to the index.html in your project. After that changes it should be working fine.

not all icons are working.
looks like some svg images are removed
<ion-icon slot="icon-only" name="arrow-back"></ion-icon> not working giving an error
"http://localhost:8100/svg/md-arrow-back.svg 404 (Not Found)"

but icons like settings, md-medical, md-information-circle are working properly.

@brandyscarney

okay i got the problem
chrome browser is caching
just cleaned chrome caching and everything is working well

I cleared caching, but still... After upgrading Ionic to @Ionic/angular 4.0.2

ionicons-1

I cleared caching, but still... After upgrading Ionic to @Ionic/angular 4.0.2

ionicons-1

then you are not upgrading in the right way
you have to follow this
https://github.com/ionic-team/ionic/blob/master/CHANGELOG.md#breaking-changes-2

Awesome, it worked. Thanks @SherifMoShalaby

Was this page helpful?
0 / 5 - 0 ratings