 In this GUI snippet, we are making SVG icons, which can be filled with gradients. They can be filled with color. You can change it in light and dark themes and you can animate them. Let's see how to make one. I've gone ahead and made an icon class here. It's kind of scoped some of these properties. They go to remote URLs for SVG, which you don't have to do. But then you can use the mask property, point to those URLs that will look like this. Notice you might need an auto-prefixer to put webcam in front of that mask. And then I'm gonna center it. I'm gonna contain it until it to no repeat. And look at that, just like a background image. We've got a mask that's using an SVG. I can repeat it here for dots, point to a different URL, get a different mask over a different type of background. Same thing with cloud. I can now have cloud masking that gradient perfectly in the center, scaled to fit, not repeating, and it looks great. I love this solution. Hope you enjoy it too.