How Do I Make Glyphicons Bigger? (Change Size?)

css, glyphicons, html, twitter-bootstrap

Solution

Increase the font-size of `glyphicon` to increase all icons size.

.glyphicon {
    font-size: 50px;
}

To target only one icon,

.glyphicon.glyphicon-globe {
    font-size: 75px;
}

Problem

I would like to make the globe glyphicon bigger so that it covers up a large portion of the page (it's a vector image). It's not in a button or anything; it's just alone. Is there a way to do this? ``` <div class = "jumbotron"> <span class="glyphicon glyphicon-globe"></span> </div> ```

Original source

Related problems