Bootstrap 3 Glyphicons Not Showing

Question

My Bootstrap Glyphicons are not showing up for some reason.

I have tried the answer found here, here, here, and here

Here is my HTML:

<div class="service-wrapper">
     <h2 class="pricing-plan-title">Plan</h2>
     <span class="glyphicon glyhpicon-pencil" aria-hidden="true"></span>
    <p>Praesent rhoncus mauris ac sollicitudin vehicula. Nam fringilla turpis turpis</p>
</div>

Can anybody see what I am missing?

Answer 1

You need to correct your spelling from glyhpicon to glyphicon:

<!-- From: --> <span class="glyphicon glyhpicon-pencil" aria-hidden="true"></span>
<!-- To:   --> <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>

Answer 2

There is a typo in your code.

In the glyphicon-pencil, the word glyphicon is wrongly typed.

Try this

<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>