Hi, there are many ways to do it in WF, and without custom code.
In the example below I do it without interactions, just with a bg image. You could draw an bg image with both states (the text and the icon). Normal state will show the text and hover state the icon. simply move the bg where it should be for both states. I used a standard WF button, erased the text and manually gave it dimensions.
Then add a transition for Background position... you get the idea. Result:
Now it's better if you use text. So div inside a button, then button overflow hidden and move the div inside the button on hover with interaction. I don't have time to do it now I have to run to the street market
Everything on the Tympanus page can be achieved with Webflow.