Icones das redes sociais não aparecem

Durante a aula 9 segui as instruções do professor mas os ícones das redes sociais não apareceram de fundo. Consegui tirar as palavras normalmente e ficou um espaço vazio clicavel pois a imagem não está aparecendo de fundo e as palavras foram removidas. Os links que eu utilizei no código foram os mesmos que tinham sido usados anteriormente e funcionado.

Código HTML

<ul class="icones-sociais">
                <li>
                    <a href="https://github.com/joaodasilva" class='github'>
                        Github
                    </a>
                </li>
                <li>
                    <a href="https://twitter.com/joaodasilva" class='twitter'>
                        Twitter
                    </a>
                </li>
                <li>
                    <a href="https://br.linkedin.com/pub/joão-da-silva/32/4/508" class='linkedin'>
                        LinkedIn
                    </a>
                </li>
            </ul>

Código CSS

.icones-sociais li {
    display:inline-block;
}
.icones-sociais a {
    width: 40px;
    height: 40px;
    display: block;
    text-indent: -99999px;
}

.github {
    background-image: url(C:\Users\leona\Desktop\Cursos Alura\HTML & CSS\HTML & CSS5 1\projeto 1\github.png);
}

.twitter {
     background-image: url(C:\Users\leona\Desktop\Cursos Alura\HTML & CSS\HTML & CSS5 1\projeto 1\twitter.png);
}

.linkedin {
    background-image: url(C:\Users\leona\Desktop\Cursos Alura\HTML & CSS\HTML & CSS5 1\projeto 1\linkedin.png);
}