search

ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
50.97k stars 13.52k forks source link

bug: Ionicons 5 not showing in Ionic/Vue #20841

Closed frontendjordan closed 4 years ago

frontendjordan commented 4 years ago

Ionic version: [x ] 5.x

I'm submitting a ... [ x ] bug report [ ] feature request

Current behavior: Using @ionic/vue 0.0.9, @ionic/core 5.0.4, and ionicons 5.0.1, I am unable to get any icons to appear in my application. It appears inside of the div with class 'icon-inner' is empty.

Expected behavior: With ionicons version 5, it appears the icons are included by default into the project and should work out of the box, but they are not displaying.

Related code: <ion-icon name="help-circle-outline" size="large" slot="end" color="primary" @click="showInfoModal()"></ion-icon>

Jangerlp commented 4 years ago

Hi, I had the same problem in ionic/react. But this post fixed it for me: https://github.com/ionic-team/ionic/issues/18847 He did use icon="" instead of name="" and imported the icons manually.

liamdebeasi commented 4 years ago

Thanks for the issue. I am going to close this as we are waiting for Vue 3 to stabilize before we push forward with Ionic Vue development. Once Vue 3 stabilizes we will look into providing an update that brings better support for Ionicons (namely Ionicons v5). Thanks!

ionitron-bot[bot] commented 4 years ago

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.