I am using linear svg pack, but the module is automatically filling in the svg icon even though the svg explicitly sets fill to none. Interestingly, however, when I add the filled prop icons are displayed normally, without automatic filling. Isn't the filled prop supposed to work the other way around?
This is my svg icon code:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.39 10.13L14.34 13.16C13.59 13.54 13.11 14.31 13.11 15.15V20.8701C13.11 21.7001 13.98 22.2301 14.72 21.8601L20.77 18.83C21.52 18.45 22 17.68 22 16.84V11.12C22 10.29 21.13 9.76005 20.39 10.13Z" stroke="#292D32" stroke- width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
I am using linear svg pack, but the module is automatically filling in the svg icon even though the svg explicitly sets fill to none. Interestingly, however, when I add the filled prop icons are displayed normally, without automatic filling. Isn't the filled prop supposed to work the other way around?
This is my svg icon code:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.39 10.13L14.34 13.16C13.59 13.54 13.11 14.31 13.11 15.15V20.8701C13.11 21.7001 13.98 22.2301 14.72 21.8601L20.77 18.83C21.52 18.45 22 17.68 22 16.84V11.12C22 10.29 21.13 9.76005 20.39 10.13Z" stroke="#292D32" stroke- width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>