how to change svg color on mouseover inside a foreach cycle

I have a button inside a foreach() cycle. The button has an "svg" inside. I want to change the svg color to white only for the button where the mouse hovers at. By setting an id for the svg, it changes the color only of the first svg, independently from which user i chose.

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