Hi everyone 😃 Is there a way to change the tint of a VectorAsset : I've also been looking at https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/vector/VectorAsset.html. But it seems like impossible 😢

I have something similar....not sure if it's exactly recommended way but seems to work anyway

Image(asset = vectorResource(R.drawable.ic_bike),
    colorFilter = ColorFilter.tint(if (station.freeBikes() < 5) lowAvailabilityColor else highAvailabilityColor),
    modifier = Modifier.preferredSize(32.dp))

Thank you very much : I am trying to use it, also combining it with the Material App 😃

For simple resources that should just have a tint color, you can use

Icon

instead of

Image

Thank you Louis, I used an Image because I am loading from a VectorResource, built with a svg. But I will use Icon whenever I use simpler use cases 😃

@Louis Pullen-Freilich [G] i’d be curious to hear your thoughts on how you would expect non-material design systems to deal with their own icon libraries. in our case there are two somewhat major differences compared to material: 1. some icons should not be tinted (i.e. the google logo) 2. some icons have dark-mode specific variants (mastercard, visa, etc.) the material library has it somewhat easy because everything is drawn with a single color (even the two-toned icons, which depend on fillAlpha instead)… which makes it pretty easy to create an icon library API that just returns

VectorAsset

objects. i think once you start introducing multi-colored icons into the mix, you’d probably end up having to create some type of wrapper class containing both the vector asset and the tint (i.e.

TintableVectorAsset

or something)… that’s my thinking on the subject so far at least…

Yeah, you would probably need / want to create a wrapper class that holds an asset and some other metadata, and then some composable function that consumes that higher level class, there's probably not a nice way to generify this