Reader mode icon invisible on Chromium browsers

[jrhedman]

When implementing doq on my calibre-web instance, I noticed that the readerIcon was showing as invisible in chromium based browsers.

I tested this out on both Brave and Edge

Alongside Firefox:

I was able to fix the issue for my instance by updating the fill rules below.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="none">
     <path d="M4 1a2 2 0 0 0-2 2l0 10a2 2 0 0 0 2 2l8 0a2 2 0 0 0 2-2l0-10a2 2 0 0 0-2-2L4 1zm8.75 12.15-.6.6-8.3 0-.6-.6 0-10.3.6-.6 8.3 0 .6.6 0 10.3z" fill-rule="evenodd" clip-rule="evenodd" fill="#15141A"/>
     <path d="m10.125 5.25-4.25 0a.625.625 0 0 1 0-1.25l4.25 0a.625.625 0 0 1 0 1.25z" fill-rule="evenodd" clip-rule="evenodd" fill="#15141A"/>
     <path d="m10.125 8.25-4.25 0a.625.625 0 0 1 0-1.25l4.25 0a.625.625 0 0 1 0 1.25z" fill-rule="evenodd" clip-rule="evenodd" fill="#15141A"/><path d="m8.125 11.25-2.25 0a.625.625 0 0 1 0-1.25l2.25 0a.625.625 0 0 1 0 1.25z" fill-rule="evenodd" clip-rule="evenodd" fill="#15141A"/>
</svg>