How to replace an svg image with an animated one when hovering over a button/link?

Question

Images

There is one svg image
There is exactly the same image, but already animated
There is a link. to the left of the name in the link there is an svg image.
I want to animate svg. When hovering over a link, you need to substitute an animated one instead of a static image, thereby, as it were, animate the svg image.
How can I do that?

How do I add svg:

<a href="#" target="_blank">
              <img
                src="../assets/images/projects/icons/buttons/eye.svg"
                alt="eye"
                class="link-img"
              />
              <span>View</span>
            </a>

Images

Answer 1

Why would you want to replace them? take the animated one right away and write it in the svg animation so that it starts on hover. Something like this -begin="[id-svg].mouseenter"