How to replace a single KDE icon in a custom theme?

bennypr0fane · January 15, 2025, 4:45pm

I have the Papirus Light icon theme installed from KDE store, it’s located in ~/.local/share/icons/Papirus-Light/
The bluetooth icon here is wrong to me, it’s just a folder with a globe icon and I’d like to replace it with an actual bluetooth logo.

In the mentioned location, I see this:

lrwxrwxrwx   - ben 28 Oct  2023  8x8 -> ../Papirus/8x8
drwxr-xr-x   - ben 28 Oct  2023  16x16
lrwxrwxrwx   - ben 28 Oct  2023  16x16@2x -> 16x16
lrwxrwxrwx   - ben 28 Oct  2023  18x18 -> ../Papirus/18x18
lrwxrwxrwx   - ben 28 Oct  2023  18x18@2x -> 18x18
drwxr-xr-x   - ben 28 Oct  2023  22x22
lrwxrwxrwx   - ben 28 Oct  2023  22x22@2x -> 22x22
drwxr-xr-x   - ben 28 Oct  2023  24x24
lrwxrwxrwx   - ben 28 Oct  2023  24x24@2x -> 24x24
lrwxrwxrwx   - ben 28 Oct  2023  32x32 -> ../Papirus/32x32
lrwxrwxrwx   - ben 28 Oct  2023  32x32@2x -> 32x32
lrwxrwxrwx   - ben 28 Oct  2023  42x42 -> ../Papirus/42x42
lrwxrwxrwx   - ben 28 Oct  2023  48x48 -> ../Papirus/48x48
lrwxrwxrwx   - ben 28 Oct  2023  48x48@2x -> 48x48
lrwxrwxrwx   - ben 28 Oct  2023  64x64 -> ../Papirus/64x64
lrwxrwxrwx   - ben 28 Oct  2023  64x64@2x -> 64x64
lrwxrwxrwx   - ben 28 Oct  2023  84x84 -> ../Papirus/84x84
lrwxrwxrwx   - ben 28 Oct  2023  96x96 -> ../Papirus/96x96
lrwxrwxrwx   - ben 28 Oct  2023  128x128 -> ../Papirus/128x128
lrwxrwxrwx   - ben 28 Oct  2023  symbolic -> ../Papirus/symbolic
.rw-r--r-- 11k ben 28 Oct  2023  index.theme

Which of these should I replace with a new file? All of them?

The weird thing is, in ~/.local/share/icons/Papirus-Light/22x22/panel/ there is actually a normal Bluetooth logo:

github.com

PapirusDevelopmentTeam/papirus-icon-theme/blob/master/Papirus-Light/22x22/panel/bluetooth-active.svg

<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" version="1.1">
 <defs>
  <style id="current-color-scheme" type="text/css">
   .ColorScheme-Text { color:#444444; } .ColorScheme-Highlight { color:#4285f4; } .ColorScheme-NeutralText { color:#ff9800; } .ColorScheme-PositiveText { color:#4caf50; } .ColorScheme-NegativeText { color:#f44336; }
  </style>
 </defs>
 <path style="fill:currentColor" class="ColorScheme-Text" d="M 9.5655172,3.0992357 A 1.0001,1.0001 0 0 0 8.9991114,3.9996264 V 8.0660329 L 6.6123927,6.2105638 A 1,1 0 0 0 5.2100489,6.3863451 1,1 0 0 0 5.3858302,7.7886889 l 3.6132812,2.8105471 v 0.800781 l -3.6132812,2.810547 a 1,1 0 0 0 -0.1757813,1.402343 1,1 0 0 0 1.4023438,0.175782 L 8.9991114,13.93322 v 4.066407 a 1.0001,1.0001 0 0 0 1.6249996,0.78125 l 5.000001,-4.000001 a 1.0001,1.0001 0 0 0 -0.01172,-1.570312 l -2.841796,-2.210937 2.841797,-2.2109381 a 1.0001,1.0001 0 0 0 0.01172,-1.570312 L 10.624112,3.2183764 A 1.0001,1.0001 0 0 0 9.5655172,3.0992357 Z m 1.4335938,2.9824219 2.384767,1.9082033 -2.242189,1.744141 -0.142578,-0.111329 z m 0.142578,6.1835944 2.242189,1.74414 -2.384767,1.908204 V 12.37658 Z"/>
</svg>

In e.g. /.local/share/icons/Papirus-Light/32x32/devices/ there is yet another one:

github.com

PapirusDevelopmentTeam/papirus-icon-theme/blob/master/Papirus/22x22/devices/bluetooth.svg

<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" version="1">
 <g>
  <rect style="fill:#324090" width="20" height="14" x="-21" y="-18" rx="7" ry="7" transform="matrix(0,-1,-1,0,0,0)"/>
  <path style="fill:none;stroke:#ffffff;stroke-linecap:square" d="m 7.7066,7.7929 7,6.5 -3.2066,3.5 0,-13.5 3.2066,3.5 -7,6.5"/>
  <path style="opacity:0.1;fill:#ffffff" d="M 11,1 C 7.122,1 4,4.122 4,8 l 0,0.5 c 0,-3.878 3.122,-7 7,-7 3.878,0 7,3.122 7,7 L 18,8 C 18,4.122 14.878,1 11,1 Z"/>
  <path style="opacity:0.2" d="m 4,14 0,0.5 c 0,3.878 3.122,7 7,7 3.878,0 7,-3.122 7,-7 L 18,14 c 0,3.878 -3.122,7 -7,7 -3.878,0 -7,-3.122 -7,-7 z"/>
 </g>
</svg>

Why is none of these actually shown in my panel, but the weird folder icon? How do I fix this?

I did find this similar issue, but I find what the person did super messy and my case is not just to change the current icon’s color, but to display an entirely different one (and all his efforts to meddle with the placement of files were in vain).

elite · January 15, 2025, 9:02pm

I would recommend to make an SVG file of the icon you want and put it in all of the locations necessary at the very least, or you would have to go into the widget and Tinker a bit.

The author is also building a replacement for that widget. You can use it now. It’s called flex hub, and you can customize it to your liking.

The way KDE handles icons is different in 6 and not every icon pack has either been updated or changed to work that way

bennypr0fane · January 17, 2025, 6:02pm

As I said above, the theme I’m using already has the icon I’m looking for, it’s just not being displayed where it should. Part of my question is also where all those necessary locations would be - there’s a confusing multitude that I guess the theme developers understand, but I’m not one.

Thanks for the pointer, will definitely check it out. However, in my second screenshot you can see that also the standard Plasma system tray displays the wrong icon.

bennypr0fane · January 30, 2025, 4:06pm

…and on a side note: I just installed Flex Hub, and its Bluetooth and network usage icons are also folders!

elite · January 30, 2025, 4:23pm

I can only say its going to need manual change or to make a new icon pack, That pack as it is is just not made for plasma 6.

Can start looking here

https://community.kde.org/Guidelines_and_HOWTOs/Icon_Workflow_Tips

You might be able to also open up a issue page on its github

Duke187 · February 1, 2025, 1:37am

it may not the same type what he asked but i have a icon problem too.

when i chance to another theme the Dragon icon is gone for the menu.
The Octopi is also gone .

elite · February 1, 2025, 2:34am

R click on where the dragon icon is. Go into its settings an manually change it. breeze doesn’t carry garuda icons. you have to manually set it for some widgets.
As for octopi the icon is the box in breeze you can change it to something else if you want. hit the meta/super key find the app r click on it. hit edit application. click on the picture. then change it. dont forget to save.

Duke187 · February 1, 2025, 3:00am

hello elite,

thanks a lot.

i did chance the menu and a yellow octopi

#Solution (hintlol)

system · February 3, 2025, 3:01am

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.