[Ionic 4 using Vue] Ionic/Vue Tab icons not working without a CDN

Ionic Framework
1

I’m learning to use Ionic/Vue, and I’m at the part of my journey that has me making a demo app that uses tabs.

My problem is similar to this. My tabs show up on a tab bar at the bottom of my screen, but the icons do not display.

Regrettably, I don’t know where “the font files” are, so that I can move them to the “www” folder.

I very, very, vehemently do not want to use a CDN to utilize my Ionicons, and they stubbornly won’t load without using a CDN; that is, they don’t automatically load from a node_modules location.

Thanks for your help.

1 Like
2

I have the same issue. Any clue about that?

3

It’s been a while, but I haven’t seen a solution yet.

4

The svg files must be in svg directory in the www directory. Of course during development the svg directory can be a symlink to node_modules/ionicons/dist/collection/icon/svg.