How can I set a window icon for linux? Is it suppo...

# compose-desktop

[Abhishek Das]

How can I set a window icon for linux? Is it supported? Setting Window(....., icon=painterResource(Res.drawable.icon), .....) works in Windows but not in Linux.

[Abhishek Das]

It is not even showing the app icon as window icon. But just shows a system icon(default icon?)

[Khubaib Khan]

Unfortunately, that will not be displayed there. There are two icons to be displayed, one is displayed on the top bar and when it is displayed on the window bar. If you want to display an icon on the window bar then you need to set that from the gradle Inside the desktop target.

[Khubaib Khan]

Checkout one of my projects and checkout the gradle file. I already have integrated that. https://github.com/KhubaibKhan4/Youtube-Clone-KMP

[Timo Drick]

If you only want a static icon which does not change you could just define it in your gradle file this works for me in linux.

[Abhishek Das]

I am already using

linux {
    iconFile.set(project.file("Icon.png"))
}

which sets the icon for launcher, i.e, on the application list, but after I launch the app, icon of the window on top bar(in Ubuntu) is not being set to what I want. Is there something else I can do in gradle file or in the main code which will set the window Icon?

[Khubaib Khan]

Provide the actual file location like composeResources/drawable/icon.ico. remember don't provide PNG instead provide ico

[Timo Drick]

For linux you need a png file not ico. I think ico is for window only

[Timo Drick]

Have a look at the sample projects: https://github.com/JetBrains/compose-multiplatform/blob/master/examples/imageviewer/desktopApp/build.gradle.kts

[Khubaib Khan]

Nope, you need to provide ico for all the platforms (as I know).

[Timo Drick]

Ok i checked my project and it looks like for the running app the icon provided in the code is used:

Window(icon = painterResource("icon-linux.png"))

So make sure it is in the src/main/resources folder.
I am using XUbuntu and it is shown as window icon and also in my taskbar.

[Khubaib Khan]

Yeah, that might be working but officiall documentation recommends to use .ico

[Timo Drick]

Where did you found that. I was just searching for the official documentation.

[Khubaib Khan]

Checkout tutorial docs on the compose multiplatform Repository.

[Timo Drick]

I now that in the past there was a section for icons but did not found this anymore

[Timo Drick]

https://github.com/JetBrains/compose-multiplatform/tree/master/tutorials/Image_And_Icons_Manipulations
But it does not describe how to do it in the gradle file

[Khubaib Khan]

We need to add the .icns for MacOs, .ico for windows and .png for Linux.

Checkout: https://github.com/JetBrains/compose-multiplatform/blob/master/tutorials%2FNative_distributions_and_local_execution%2FREADME.md

[Paulo Balbino]

I am having the same issue, it works for Mac and Windows but not for Linux. On the linux bar you can still see the default icon

[Paulo Balbino]

windows {
    iconFile.set(project.file("src/main/resources/icons/windows/icon.ico"))
}
linux {
    iconFile.set(project.file("src/main/resources/icons/linux/icon.png"))
}
macOS {
    dockName = "Test"
    bundleID = "test.ui"
    iconFile.set(project.file("src/main/resources/icons/macos/icon.icns"))
}

[Paulo Balbino]

Window(
    onCloseRequest = ::exitApplication,
    state = windowState,
    title = "Test UI - ",
    icon = BitmapPainter(imageFromByteArray(object {}.javaClass.getResourceAsStream("/icons/linux/icon.png")!!.readAllBytes()))
)
fun imageFromByteArray(bytes: ByteArray): ImageBitmap {
    return org.jetbrains.skia.Image.makeFromEncoded(bytes).toComposeImageBitmap()
}

[Paulo Balbino]

First code snippet is gradle, second compose main function. How did you guys handle the icons?

[Abhishek Das]

@Paulo Balbino The issue remains unsolved for me

[Paulo Balbino]

Opened a ticket for this https://youtrack.jetbrains.com/issue/CMP-7194/Icons-are-not-shown-on-linux