But I noticed that when the screen automatically goes blank after 10 minutes and I turn it on by moving my mouse; then the icons become like this:
After some searches I found out that I can fix it by pressing Alt+f2 then typing r in the cmd; But this is not really a real solution as I need to do it everytime I wake my blank screen. Is there any permanent solution to this problem ?
Thank you for your time 
Are your other drives automounted ?
Is the problem somehow related to the auto mount ?
I think it may just be an issue with the order in which components are initialized after starting the desktop. If the app indicator starts first, and cannot find the mount, it will default to something else. Try copying the icons to the local drive and use those, see if that makes any difference.
I changed the location of the icons to the home folder and then restarted my laptop.
You could try it with the /usr/share/icons/ Path instead of the home Path.
Is there any other way to change the default top menu bar icons of my apps? One of the app is downloaded from a .deb file and the other one is a flatpack.
If that is possible then I would not need to mess around using appindicator custom icons :).
A Flatpack will likely carry its own icons with it, since it will not access or use the System Icon theme.
Flatpaks and Snaps carry everything with them. On the one hand, this seems a benefit being highly modular. The downside is bloat and... inability to access the system due to it being sandboxed.
Flatpak, at least, has a means around this in a piece of software: Flatseal
You can install and use Flatseal to allow permissions to Flatpaks to access system files, including themes.
One of the app is a .deb file. How do I change icons for the top panel icons. I changed the .desktop file icon but it only changes the icon in the app drawer.
When You take a Look in an Icon Set Folder, You should find there a Folder called ''panel''.
Each program will install their own. In the case of Debian packages these are installed normally under /usr/share, for example for KeePassXC you have the following icons that are used for the shortcuts as well as the system tray status:
/usr/share/icons/hicolor/256x256/apps/keepassxc.png
/usr/share/icons/hicolor/scalable/apps/keepassxc.svg
/usr/share/icons/hicolor/scalable/apps/keepassxc-monochrome-dark-locked.svg
/usr/share/icons/hicolor/scalable/apps/keepassxc-monochrome-dark.svg
/usr/share/icons/hicolor/scalable/apps/keepassxc-monochrome-light.svg
/usr/share/icons/hicolor/scalable/apps/keepassxc-monochrome-light-locked.svg
/usr/share/icons/hicolor/scalable/apps/keepassxc-locked.svg
/usr/share/icons/hicolor/scalable/apps/keepassxc-unlocked.svg
/usr/share/icons/hicolor/scalable/mimetypes/application-x-keepassxc.svg
/usr/share/keepassxc/icons/application/256x256/apps/keepassxc.png
You can search for them through the terminal with a command like this:
find /usr/share -type f \( -iname "*keepass*.png" -o -iname "*keepass*.svg" \)
Try running that — changing the name of the program from "keepass" with "munadi" — and see what comes up.
Thank you for your suggestion brother!
I tried changing many icons and files but nothing happened. The icons would always overlap after waking from blank screen. I think the bug is related to the appindicator extension.
And after finding out a little more I decided to delete gnome-screensaver and I replaced it with xscreensaver which FIXED my issue. I selected blank screen only and immediate monitor power off and it works great. And the icons don't overlap no matter how long I keep it in blank before waking it up.
Hope this forum helps someone in the future.
Here is the tutorial: Screensaver in Zorin 16
Thank you @StarTreker for your detailed help in that post!
