Using svg in components?

[ArtFlag]

Hi,

I'm trying to use an SVG as a bullet for my li's but to no avail.
My component's css module uses my SVG that's in my static/img folder like so:

.linklist li::marker {
  content: url('/img/bullet.svg');
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

With this, my SVG is found and turned into url(data:image/svg...). My inspector in Brave shows me the icon when I hover over the content property but... nothing shows up on my page.

If I use a PNG file in my content property also from static/img, my bullet appears.

What am I doing wrong with SVGs?