Как реализовать?

есть код

Code:

<a href="" rel="nofollow"> <i class="footer-social-facebook"></i>
                                        <p> <span>Facebook</span> <span>Вступить</span> </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="" rel="nofollow"> <i class="footer-social-twitter"></i>
                                        <p> <span>Twitter</span> <span>Поделиться</span> </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="" rel="nofollow"> <i class="footer-social-instagram"></i>
                                        <p> <span>Instagram</span> <span>Вступить</span> </p>
                                    </a>

как изменить twiter на telegram?
когда делаю так

Code:

<a href="" rel="nofollow"> <i class="footer-social-telegram"></i>
                                        <p> <span>Telegram</span> <span>Поделиться</span> </p>

то просто черный кружок появляется

 

Иконки наверное инаходятся в одном файле и разными классами выводится своя. Без стилей этих икнок трудно сказать большее, хотя может на каждый класс социалки в стилях прописана своя картинка.

 

я нашел иконку в инете, можно как то добавить код что бы ссылку на иконку добавить, а иконку в папку images запихну