html – find out how to change svg shade on mouseover inside a foreach cycle

I’ve a button inside a foreach() cycle.
The button has an “svg” inside.
I wish to change the svg shade to white just for the button the place the mouse hovers at.
By setting an id for the svg, it adjustments the colour solely of the primary svg, independently from which person i selected.

foreach(var merchandise in Mannequin.Customers){<tr><td>
<a href="#AddDataModal" class="svg1 btn btn-sm btn-outline-success border-0 font-weight-bold" data-toggle="modal" data-userid="@merchandise.Id" model="width:80px;" onmouseover="svg1.model.fill="white";" onmouseout="svg1.model.fill="blue";">
 <svg id="svg1" width="12pt" peak="12pt" viewBox="0 0 128 128" model="1.1" xmlns="http://www.w3.org/2000/svg"></svg></a></th></td></tr>}