How can I modify header icons without losing their animations?

[LEEDIA]

Hi, I'm having trouble changing the header icons while also keeping their animations (such as increasing in size when hovered over or when clicked). I managed to change the hamburger icon but it did not go away when clicked and remained under the X. Similarly, when I changed the search and account icons they would not change in size when being hovered over. Not sure how I could fix this.

I appreciate any help 🙂

Website: https://leediastore.com/

[Dan-From-Ryviu · Accepted solution]

Did you add the class of default svg icons to your new icons?

[LEEDIA]

It worked! Thanks, though I'm currently having trouble getting the sizing down on the account icon, after I added the class from the default SVG the icon is no longer visible, either too big or too small, or maybe being cropped out. Not sure how to make it visible again.  

Edit: Managed to make it work. Thanks again.

[memahmudhassan]

I have changed the bag/cart icon but the popup notification not working when I'm taking my mouse on the icon. How can I add the animation again?