I have trouble loading resources in my compose multiplatform project. In an

icons

package I have added the resources under

commonMain/resources

. I added the experimental

compose.components.resources

dependency and I created a barebones composable in that package:

@OptIn(ExperimentalResourceApi::class)
@Composable
fun Icon() {
    Image(
        painter = painterResource("icons/create-new-folder.svg"), // i also tried with leading slashe
        contentDescription = null
    )
}

However, if I consume this package in my desktop application package (compose desktop for JVM) it can not find the resource. What am I missing here? I used the following repo as a starting point: https://github.com/Kotlin/kotlin-wasm-examples/tree/main/compose-imageviewer

painterResource

is an android concept that not part of the

compose.components.resources

I think. have a look at the cutom implementation of

painterResourceCached

in here https://github.com/Kotlin/kotlin-wasm-examples/blob/d28f7917848c24e26d40f8ec6b309d[…]ed/src/commonMain/kotlin/example/imageviewer/platform.common.kt

PainterResource is part of the compose Multiplatform api and not Android specific. The icons package is just a Gradle module I made with SVGs in the commonMain/resources folder

did you then try to move the

resource

folder to

jvmMain

?

No not yet, but that is also not what is being done in the compose Multiplatform examples

yes, but they are also not using the

painterResource

but load the resources from the

resource

composable function.

Ah you’re right! I’ll try that

What error do you get?

Error(exception=org.jetbrains.compose.resources.MissingResourceException: Missing resource with path: icons/create-new-folder.svg)

so, that is clear

👍

Okay, SVG's aren't supported yet it seems. I am unable to load basic svg icons. Either it's a PNG or equivalent or an XML, which I don't know.

there is also this IDEA plugin to generate

Compose Image Vectors

,like the Material Icons library, out of your SVG’s https://plugins.jetbrains.com/plugin/18619-svg-to-compose

Minimal example is working. However in my own project I have a JVM app project (not Multiplatform) that includes Multiplatform subprojects with resources in them. I’ll try to figure out if that’s the problem

Did you “inspect” the

.jar

file if the resources are all bundled correctly?

I found the issue. • multiplatform library containing resources in commonMain/resources directory • kotlin("multiplatform") project with JVM target having this library as implementation dependency -> works • kotlin("jvm") project having this library as implementation dependency -> fails Issue has been filed: https://github.com/JetBrains/compose-multiplatform/issues/3162