How to change favicon in quasar framework?

Question

How to change favicon in quasar framework? I already tried changing the href in index.template.html but failed

Answer 1

You need to change href in three link tags and it works.

Try this.

<link rel="icon" href="statics/ninja-simple-512.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="32x32" href="statics/icons/ninja-simple-512.png">
<link rel="icon" type="image/png" sizes="16x16" href="statics/icons/ninja-simple-512.png">

Answer 2

For icons purposes, QUASAR have great plugin called Quasar Framework Icon Genie. This is a CLI tool to generate all the icons and splash screens for your Quasar Apps. With this plugin, you just need to put app-icon.png and app-splashscreen.png into your quasar root directory, and after quasar dev or quasar build commands plugin will generate for you perfect favicons, also if you are developing iOS or android application this plugin will generate application icon and splash screen.

quasarframework/icongenie

Quasar Framework Icon Genie