svg icon with var method does not work on safari 15?

[Wei Hong]

Hello Flynax family,

I have a problem where icons such as add to favorite, print, and add to comparison does not show on safari Version 15.1 (17612.2.9.1.20). It's blank. Please try to visit this page with safari 15
https://classifieds.demoflynax.com/p...ave-88-65.html

On firefox, icon shows
Screen Shot 2024-01-08 at 6.08.11 PM.png

On safari 15, it's blank
Screen Shot 2024-01-08 at 6.00.34 PM.png

I check the css file and it seems that safari 15 do not work with this code

Only registered members can view the code.

If I changed to background-image: url("../img/like.svg");, then it works but I can't use light and dark mode css for this case. Is there any solution for this?

[Rudi]

Hello Wei,

You need to update your Safari, on version 17 it works fine

[Wei Hong]

Hello Wei,

You need to update your Safari, on version 17 it works fine

Yes Rudi,

I know it works fine on new Safari, I'm just worry some users still using the old one v15. So is there away to have it work on v15, too?

[Rudi]

Unfortunately, I can't have v. 15 to check it

[Wei Hong]

Unfortunately, I can't have v. 15 to check it

(

I'm so sad.