Font Awesome - Hand Icons-alljchome-开发者的教程家园

Web Icons Tutorial

Font Awesome

Material Icons

Bootstrap Glyphicons

Web Icons Useful Resources

Selected Reading

Font Awesome - Hand Icons

This chapter explains the usage of Font Awesome Hand 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>
      <pnk rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/pbs/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 Hand 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-hand-rock-o custom"></i>
<i class="fa fa-hand-o-left custom"></i>
<i class="fa fa-hand-paper-o custom"></i>
<i class="fa fa-hand-rock-o custom"></i>
<i class="fa fa-hand-stop-o custom"></i>
<i class="fa fa-thumbs-o-up custom"></i>
<i class="fa fa-hand-pzard-o custom"></i>
<i class="fa fa-hand-o-right custom"></i>
<i class="fa fa-hand-peace-o custom"></i>
<i class="fa fa-hand-scissors-o custom"></i>
<i class="fa fa-thumbs-down custom"></i>
<i class="fa fa-thumbs-up custom"></i>
<i class="fa fa-hand-o-up custom"></i>
<i class="fa fa-hand-pointer-o custom"></i>
<i class="fa fa-hand-spock-o custom"></i>
<i class="fa fa-thumbs-o-down custom"></i>

Font Awesome - Hand Icons

友情链接