How to make a health bar, but using an image instead of a typical rectangle healthbar

Hi, i’ve been trying to find a way how do you do these filled icons, which go down according to your health, and also being an image, for example.

Like a food bar, how would i achieve filling the icon up with red, and being able to decrease it
image

Imagine that but with a health icon

abu

Icon im using, i want it to be filled with green

1 Like

I was thinking for the first one, you had a frame less in zindex than the image, and make sure the image is transparent, then fill it.

Not sure how to do it with a plus icon like this one.

2 Likes

i think they do it with an image background color then lower it with some other transparent frame

1 Like