Como colorir texto dentro do ícone

Queria perguntar se existe uma maneira de adicionar cor ao ícone que eu vinculei abaixo se passar o mouse sobre ele?

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

Por exemplo, como posso tornar a cor do texto "em" vermelho se passar o mouse sobre ela? Eu acho que você precisa fazer isso em combinação com um editor de fotos, mas eu realmente não sei como. Obrigado pela ajuda

Este é o meu código que eu tentei.

<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;
 }