Quería preguntar si hay una manera de agregar color al icono que vinculé a continuación si paso el mouse sobre él.

https://www.google.ch/search?q=linkedin&source=lnms&tbm=isch&sa=X&ved=0ahUKEwilrciPwpPVAhUEWhQKHYX7CxcQ_AUICigB&biw=1920&bih=949#tbm=isch&q=iconedc + T3_cfc_tc_tc_tc_tc_tc_tc_tc_tc_tc3

Por ejemplo, ¿cómo puedo hacer que el color solo del texto "en" rojo si paso el mouse sobre él? Creo que tienes que hacerlo en combinación con un editor de fotos, pero realmente no sé cómo. Gracias por la ayuda

Este es mi código que probé.

<section id="icons">
   <a href="#"><img src="youtube.png" class="youtube" alt=""></a>
</section>


.youtube {
 background-image: url(youtube.png);
 width: 5vw;
 position: absolute;
 }

.youtube:hover {
 background-image: url(youtubehover.png);
 width: 5vw;
 position: absolute;
 }