Here is a proper visual showcasing my issue:

A user encountered an issue where social media icons failed to display hover effects after modifying SVG data (not the file name). The problem was demonstrated through an animated GIF showing the non-functional hover state.
Resolution:
class="icon" attribute inside the SVG tag<svg class="icon" ...>Status: Resolved successfully. The user confirmed the fix worked perfectly.
Here is a proper visual showcasing my issue:

Hi @carsonkingston
Just share your site link please then i will provide you code for this.
My site is cantinasurplus.com
Found the issue ![]()
So the svg you have added,there you need to add this class=“icon”,like this
just add this inside svg tag anfter <svg ....here
Worked perfectly, thank you so much!