How to change Bootstrap icons to white color?

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">&nbsp;</div>
            </div>

Html content: