Font Awesome - Currency Icons

Advertisements

Previous Page
Next Page  

This chapter explains the usage of Font Awesome Currency icons. Assume that custom is the CSS class name where we defined the size and color, as shown in the example given below.

<html>
   <head>
      <link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css">

      <style>
         i.custom {font-size: 2em; color: gray;}
      </style>
		
   </head>
	
   <body>
      <i class = "fa fa-adjust custom"></i>
   </body>
	
</html>

The following table shows the usage and the results of Font Awesome Currency icons. Replace the < body > tag of the above program with the code given in the table to get the respective outputs −

Usage Result
<i class="fa fa-bitcoin custom"></i>
<i class="fa fa-btc custom"></i>
<i class="fa fa-cny custom"></i>
<i class="fa fa-dollar custom"></i>
<i class="fa fa-eur custom"></i>
<i class="fa fa-euro custom"></i>
<i class="fa fa-gbp custom"></i>
<i class="fa fa-gg custom"></i>
<i class="fa fa-gg-circle custom"></i>
<i class="fa fa-ils custom"></i>
<i class="fa fa-inr custom"></i>
<i class="fa fa-jpy custom"></i>
<i class="fa fa-krw custom"></i>
<i class="fa fa-money custom"></i>
<i class="fa fa-rmb custom"></i>
<i class="fa fa-rouble custom"></i>
<i class="fa fa-rub custom"></i>
<i class="fa fa-ruble custom"></i>
<i class="fa fa-rupee custom"></i>
<i class="fa fa-shekel custom"></i>
<i class="fa fa-sheqel custom"></i>
<i class="fa fa-try custom"></i>
<i class="fa fa-turkish-lira custom"></i>
<i class="fa fa-usd custom"></i>
<i class="fa fa-won custom"></i>
<i class="fa fa-yen custom"></i>
Advertisements