Is it possible to make Font Awesome icons larger than 'fa-5x'?

Question

I am using this HTML code:

<div class="col-lg-4">   <div class="panel">     <div class="panel-heading">       <div class="row">         <div class="col-xs-3">           <i class="fa fa-cogs fa-5x"></i>         </div>         <div class="col-xs-9 text-right">           <div class="huge">             <?=db_query("SELECT COUNT(*) FROM orders WHERE customer = '" . $_SESSION['customer'] . "' AND EntryDate BETWEEN '" . date('d-M-y', strtotime('Monday this week')) . "' AND '" . date('d-M-y', strtotime('Friday this week')) . "'");?>           </div>             <div>orders this week</div>         </div>       </div>     </div>     <a href="view/orders">       <div class="panel-footer">         <span class="pull-left">View Details</span>           <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>             <div class="clearfix"></div>       </div>     </a>   </div> </div> 

Which creates:

Is it possible to make the icon larger than fa-5x? There is a lot of white space beneath it that I would like it to take up.

Answer 1

Font awesome is just a font so you can use the font size attribute in your CSS to change the size of the icon.

So you can just add a class to the icon like this:

.big-icon {     font-size: 32px; }