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

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
Attachment 4911

On safari 15, it's blank
Attachment 4912

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

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?

Hello Wei,

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

Quote:

---

Originally Posted by Rudi

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?

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

Quote:

---

Originally Posted by Rudi

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

---

:((

I'm so sad.