In this article I will show you how to change bootstrap icon color to white using css class in bootstrap 3 icons List.
Css class:
<style type="text/css">
.white, .white a {
color: #fff;
}
</style>
Html content:
<div style="background-color:black;color:white">
<ul>
<li>
<span class="glyphiconglyphicon-asterisk white"></span>
<span class="glyphicon-class">glyphicon glyphicon-asterisk</span>
</li>
<li>
<span class="glyphicon glyphicon-plus white"></span>
<span class="glyphicon-class">glyphicon glyphicon-plus</span>
</li>
<li>
<span class="glyphicon glyphicon-euro white"></span>
<span class="glyphicon-class">glyphicon glyphicon-euro</span>
</li>
<li>
<span class="glyphicon glyphicon-eur white"></span>
<span class="glyphicon-class">glyphicon glyphicon-eur</span>
</li>
<li>
<span class="glyphicon glyphicon-minus white"></span>
<span class="glyphicon-class">glyphicon glyphicon-minus</span>
</li>
</ul>
<div class="clear"> </div>
</div>
Html content: