CSS custom class does not apply as stated

So as an update for the color of the “icons“:

I’ve found out that in order for the color to be applied i have to write it like this:

.c-fill-DefaultDark {–fill: #4D4D4D;}
with a “–“ (double minus/hyphen) in front of the property.

But I still can’t find how to change / dictate the svg to be shown for the icon via wix image url…

Also, the vector/svg image URL provided by wix result in 400 error: Bad Request…

changing the bad url with another:
background-image: url(https://static.wixstatic.com/shapes/6b8512_1d04386….svg);
… will rezult in:

  • the new svg will be laid over the “normal icon”
  • will not inherit the right color
  • the normal icon still visible under it.

So the questions would be
(all via code & CSS Classes only, I’m not asking for editor tutorials on “how to add a shape to your website“):

  1. How to obtain the svg’s url @ wix database (vectors and/or basic shapes).
  2. How to apply these svg.s (as in replacing the existing ones) on the targeted elements.