Skip to main content
Solved

SVG not showing colour (Universal)

  • January 17, 2025
  • 2 replies
  • 69 views

Forum|alt.badge.img

We are using SVG’s as icons in our universal application, being able to import them in the application as image_upload. When I import a SVG with colour, it will turn black after a split second. Why does this behaviour happen and how can I disable it, so the SVG’s will keep their original colour?

Best answer by Arie V

@Max Ferket We dug into the SVG you uploaded via TCP. Would like to answer here for others to know as well. 

Your current syntax is not recommended and as a result we indeed override the color. You have two options to fix this. 

Current:

Option 1: replace fill=”  with style=”fill:

Option 2: move the fill attribute to the path level of your SVG:

You can change this using any editor, f.e. Notepad.

View original
Did this topic help you find an answer to your question?
This topic has been closed for comments

Alexandra Egri
Moderator
Forum|alt.badge.img

Hello ​@Max Ferket,

We were not able to reproduce this issue. We need some more information, like the contents of the custom.css, the actual SVG and the domain definition. Could you create a ticket for this in TCP with the previously mentioned details? 

Thank you!


Arie V
Community Manager
Forum|alt.badge.img+12
  • Community Manager
  • January 27, 2025

@Max Ferket We dug into the SVG you uploaded via TCP. Would like to answer here for others to know as well. 

Your current syntax is not recommended and as a result we indeed override the color. You have two options to fix this. 

Current:

Option 1: replace fill=”  with style=”fill:

Option 2: move the fill attribute to the path level of your SVG:

You can change this using any editor, f.e. Notepad.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings