Closed AlwaysLoveme closed 3 years ago
Hey,
I think you need use icons like that:
template:
<ion-icon :icon="checkmarkOutline"></ion-icon>
js:
import { IonIcon } from '@ionic/vue';
import { checkmarkOutline } from 'ionicons/icons';
export default {
components: { IonIcon },
setup(){
return {
checkmarkOutline,
}
},
...
I was struggling why icons does not work as well, but then I find out...
Our documentation covers examples of this. Please see: https://ionicframework.com/docs/vue/quickstart#adding-icons
Hey,
I think you need use icons like that:
template:
<ion-icon :icon="checkmarkOutline"></ion-icon>
js:
import { IonIcon } from '@ionic/vue'; import { checkmarkOutline } from 'ionicons/icons'; export default { components: { IonIcon }, setup(){ return { checkmarkOutline, } }, ...
I was struggling why icons does not work as well, but then I find out...
thanks
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.
Ionic version:
[] 4.x [x] 5.x
I'm submitting a ...
[x] bug report [ ] feature request
Current behavior: i try to use ionic icon width vue, but it not worked
Expected behavior: can use well
Steps to reproduce:
Related code:
Other information:
Ionic info: