Transform green svg into white svg

Need help
1

Hi guys,

Is there a way to transform some SVG icons from green, already in my database, to white with nginx without installing a plugin for this?

2

No.

Why don’t you use 2 SVG icons… one green and one white, and use a conditional?

3

impossible. i ve got an option set of 40 svgs all colour green. To use white ones, I’d have to reupload all of them just for this special group. I’m displaying them in an RG so they ALL must be white. any other hacks?

4

You can use JS or CSS.

Set the ID of the group, then add some CSS to your page like

#svgIcon {
    filter: brightness(0) invert(1);
}
5

does this work on the mobile app editor?

6

Sorry.

Didn’t realize you were using the mobile app builder.

I did ask cursor which we use a lot and got this response:

If you are building a native mobile app and need icons or SVGs to change color dynamically (like a tab bar changing from gray to a high-contrast orange/pink when selected), you should use the Native Image Element combined with Conditional Visibility.

So, pretty much the same response I gave for a web app.

Maybe someone with more experience with the mobile app builder can help.

I have no experience with the mobile app builder, as I have no need to use it

7

You could probably use buildprint to tell it → create a white version of each SVG and put it in the correct os item