Font Awesome - Video Player Icons

Advertisements

Previous Page
Next Page  

This chapter explains the usage of Font Awesome Video Player 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 Video Player icons. Replace the < body > tag of the above program with the code given in the table to get the respective outputs −

Usage Icons
<i class="fa fa-arrows-alt custom"></i>
<i class="fa fa-backward custom"></i>
<i class="fa fa-compress custom"></i>
<i class="fa fa-eject custom"></i>
<i class="fa fa-expand custom"></i>
<i class="fa fa-fast-backward custom"></i>
<i class="fa fa-fast-forward custom"></i>
<i class="fa fa-forward custom"></i>
<i class="fa fa-play-circle custom"></i>
<i class="fa fa-play-circle-o custom"></i>
<i class="fa fa-random custom"></i>
<i class="fa fa-step-backward custom"></i>
<i class="fa fa-stop custom"></i>
<i class="fa fa-pause custom"></i>
<i class="fa fa-play custom"></i>
<i class="fa fa-youtube-play custom"></i>
Advertisements