Minhas imagens não estão aparecendo

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

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


.twitter{
    background-image: url(twitter.png);    
}
.linkedin{
    background-image: url(linkedin.png);
}
.github{
    background-image: url(github.png);
}