[HowTo] Change the “Show Application” icon on Gnome

Greetings,

This guide will show you how to change the “Show Application” icon with your own custom one.

Before… After…

Open the terminal and copy/paste:

mkdir -p ~/.themes/ChangeIcon/gnome-shell
touch ~/.themes/ChangeIcon/gnome-shell/gnome-shell.css
nano ~/.themes/ChangeIcon/gnome-shell/gnome-shell.css

Paste this into the terminal, but change the distination of the icons:

.show-apps .show-apps-icon {
border: none;
background-image: url("file:///home/storm/Documents/RetroRed.svg");
background-size: contain;
color: transparent; }

.show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon {
color: transparent; 
background-image: url("file:///home/storm/Documents/RetroRed.svg");
background-size: contain; }

Save = ctrl+o
Exit = ctrl+x

Now you can go to Gnome Tweak App and select ChangeIcon in Gnome Shell.

Enjoy!!!

3 Likes