[Solved] Q-Icon not working as intended

[Jaxon]

NOTE: Resolved (See below)
Implemented a sidebar with the Q-Icon close button which is positioned in the top right corner. Unfortunately, the text is only displayed instead of an icon. I’m unsure why this is the case as the syntax seems correct.

Syntax:

Result:

HTML of result:

Is there anything I am doing obviously wrong? Package.json indicates I am on quasar-framework version: 0.14.7 and using the PWA template.

Resolved by:

Uncommenting line 23 in the main.js file then allows icons to be replaced. Thus getting:

[Max]

Any errors in console? Missing import qicon?

[Jaxon]

@max A warning of a package that has been preloaded but not used.

The resource http://localhost:8080/0.39211501c597dbd5a5e1.hot-update.js was preloaded using link preload but not used within a few seconds from the window’s load event. Please make sure it wasn’t preloaded for nothing.

Apart from that there’s nothing.