Hello Elisabet!
Please follow the next steps to solve your problem:
1. Go to the Customizing->General->Extra menu and insert the following code into “Custom jQuery Footer” text area:
jQuery("#top-social ul li a" ).toggleClass('tv-teléfono tv-phone');
jQuery("#top-social ul li a span i " ).toggleClass('fa-teléfono fa-phone');
For the footer Icon, insert additionally the next code at the same place:
jQuery("#colophon a.teléfono" ).toggleClass('teléfono phone');
so your code at the end should be like this:
jQuery("#top-social ul li a" ).toggleClass('tv-teléfono tv-phone');
jQuery("#top-social ul li a span i " ).toggleClass('fa-teléfono fa-phone');
jQuery("#colophon a.teléfono" ).toggleClass('teléfono phone');
https://prnt.sc/per3uw
Please let me know if this helped you.
Regards