Quasar Electron Desktop App Icons
-
Does anyone have a step by step tutorial on how to assign an Icon to an application built using Quasar and Electron + Vue.
I want to assign a custom icon to my application so the task bar, exe, and the main windows dialog all have a custom icon.The solution needs to be cross platform, windows, linux and mac.
-
are you aware of the icon tool for Quasar( Icon Genie):
https://quasar.dev/icongenie/introduction
https://quasar.dev/quasar-cli/developing-electron-apps/app-icons-electron -
It says to replace the my-icon.png in the root folder. There is no such file in my project/
-
try installing the icon genie extension.
https://quasar.dev/icongenie/introductionthen run
generate
https://quasar.dev/icongenie/command-listThe some sample icons will be generated.
-
after doing so it the application itself fails to launch on a linux box but works on Windows. All due to the icon
-
I did the entire process and when i compiled for windows and linux and no icons showed anywhere even after adding the following links to my index.template.html file
<link rel=“icon” type=“image/png” sizes=“128x128” href=“icons/favicon-128x128.png”>
<link rel=“icon” type=“image/png” sizes=“96x96” href=“icons/favicon-96x96.png”>
<link rel=“icon” type=“image/png” sizes=“32x32” href=“icons/favicon-32x32.png”>
<link rel=“icon” type=“image/png” sizes=“16x16” href=“icons/favicon-16x16.png”>
<link rel=“icon” type=“image/ico” href=“favicon.ico”> -
Do you see any new icons in folders after running
generate?what’s the output of
quasar info?here’s a thread about icons:
https://forum.quasar-framework.org/topic/6698/tray-icon-not-showing-in-production-electron/9And this could be helpful:
https://quasar.dev/quasar-cli/developing-electron-apps/preparation#1.-Add-Quasar-Electron-Mode -
So i did exactly as you mentioned and use generate, however there was still no success. It doesn’t work for a Mac. Does anyone have a working example of this?
