NO BUG: Color change when adding second SVG

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: http://meek-rhyme.localsite.io

username: survey
password: judicious

Video: Google Chrome - Home (Builder) - Descript

When I use more than one SVG, the colours of my SVGs are changing. I’ve already tried converting the SVGs but that didn’t work. Assigning a custom id didn’t make the problem disappear either.

Hello @Tine,

It seems that there is some styling applied to the classes of SVG, and the classes are loaded in SVG itself:

If you remove those (edit the SVG), then the color (or opacity) should not change anymore.

Best regards,
Matej

1 Like

Hi @Matej,

Thank you so much! I didn’t know SVG can contain classes. :astonished:

I’ve exported the SVG again from Illustrator through File > Export > Export As, with the settings shown in the image. It works without any problem now!

Screenshot 2024-09-24 at 21.44.19

Nice, happy to hear that it works :slight_smile: Yeah, most of the time, when there is a problem with SVG element, there is a problem with SVG itself. :slight_smile:

I’ll mark this topic as a NO BUG :slight_smile:


Matej

1 Like