Почему замечательный шрифт отображается три раза?

<div class = "Contact-form">
        <div id= "form-area" class = "sadaka-form">
            <h2>CONTACT FORM</h2>
            <input type = "text" name = "Name" placeholder = "Name*">
            <input type = "email" name = "email" placeholder = "E-mail*" >
            <textarea name = "message" placeholder = "Message*" cols = "30" rows = "10"></textarea>
            <button class= "form-control">Send message</button>
        </div>
        <div id= "contact-area" class = "sadaka-contacts">
            <h3>SADAKA CONTACTS</h3>
            <p>Sadaka ipsum dolor sit amet, consectetur adipiscing elit. Ut at eros rutrum turpis viverra elementum semper quis ex. Donec lorem nulla .</p>
            <ul>
                <li><span><i class = "fa fa-map-marker"></span></li>
                <li><span><i class = "fa fa-phone"></span></li>
                <li><span><i class = "fa fa-envelope"></span></li>
            </ul>
        </div>
    </div>

Моя проблема в том, что значок font awesome появляется три раза. я не знаю, где я делаю не так? Я также добавил ссылку на снимок экрана с ошибкой.

Вот изображение