How do I make this logo fill up like a water bottle properly

[avraels]

I want these logos to fill/drain like water bottles but the corners keep popping out the side, does anyone know of any other way to make it work properly?

[20Gamer24 (Edenel)]

You could try the property “ClipDescendants”

[ellienonekomimi (nkmi)]

You can use a CanvasGroup for this. Put a UICorner in it and any frame you put in the CanvasGroup will be clipped by the UICorner

[ExercitusMortem (Exercitus)]

Make a clone of the icon. Use a gradient with transparency set to make it half invisible (0:0, 0.499:0, 0.5:1,1:1), to make the meter. Use offset to determine it’s filled percentage.