Animating Icons on Hover in Framer

About the resource

To trigger the interaction on hover, the trick is to create a vector set with multiple icons. One icon will be animated with stroke effect, the other won't be.

Then we wrap both icons in a component and show the non animated version on default state, and set visible to yes on the animated icon when we're setting up the hover state of the component.