Cita: ok, eso es justo lo que necesitaba, ahora lo entiendo perfectamente
menos mal
Cita: Sin embargo, cuando lo inserto en la web que debe ir, los iconos aparecen pero no cambian. Asi que si, algo estoy haciendo mal.
habría que ver la web, quizás te esté heredando estilos de otros lados.
Cita: además, ¿porque la palabra CONTACTS y los iconos aparecen en dos lineas distintas, si los he metido en el mismo <p> ?
no se puede meter un UL dentro de un P, eso es mal html. Te actualicé el jsfiddle para que quedara bien.