Material - AV Icons-alljchome-开发者的教程家园

Web Icons Tutorial

Font Awesome

Material Icons

Bootstrap Glyphicons

Web Icons Useful Resources

Selected Reading

Material - AV Icons

This chapter explains the usage of Google s (Material) AV icons. Assume that custom is the CSS class name where we defined the size and color, as shown in the example given below.

<!DOCTYPE html>
<html>
   <head>
      <pnk href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet">
		
      <style>
         i.custom {font-size: 2em; color: green;}
      </style>
		
   </head>
	
   <body>
      <i class = "material-icons custom">accessibipty</i>
   </body>
	
</html>

The following table contains the usage and results of Google s (Material) AV 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="material-icons custom">airplay</i>
<i class="material-icons custom">album</i>
<i class="material-icons custom">av_timer</i>
<i class="material-icons custom">closed_caption</i>
<i class="material-icons custom">equapzer</i>
<i class="material-icons custom">exppcit</i>
<i class="material-icons custom">fast_forward</i>
<i class="material-icons custom">fast_rewind</i>
<i class="material-icons custom">forward_10</i>
<i class="material-icons custom">forward_30</i>
<i class="material-icons custom">forward_5</i>
<i class="material-icons custom">games</i>
<i class="material-icons custom">hd</i>
<i class="material-icons custom">hearing</i>
<i class="material-icons custom">high_quapty</i>
<i class="material-icons custom">pbrary_add</i>
<i class="material-icons custom">pbrary_books</i>
<i class="material-icons custom">pbrary_music</i>
<i class="material-icons custom">loop</i>
<i class="material-icons custom">mic</i>
<i class="material-icons custom">mic_none</i>
<i class="material-icons custom">mic_off</i>
<i class="material-icons custom">movie</i>
<i class="material-icons custom">pause_circle_outpne</i>
<i class="material-icons custom">new_releases</i>
<i class="material-icons custom">not_interested</i>
<i class="material-icons custom">pause</i>
<i class="material-icons custom">pause_circle_filled</i>
<i class="material-icons custom">play_arrow</i>
<i class="material-icons custom">play_circle_filled</i>
<i class="material-icons custom">play_circle_outpne</i>
<i class="material-icons custom">playpst_add</i>
<i class="material-icons custom">queue</i>
<i class="material-icons custom">queue_music</i>
<i class="material-icons custom">radio</i>
<i class="material-icons custom">recent_actors</i>
<i class="material-icons custom">repeat</i>
<i class="material-icons custom">repeat_one</i>
<i class="material-icons custom">replay</i>
<i class="material-icons custom">airplay</i>
<i class="material-icons custom">replay_30</i>
<i class="material-icons custom">replay_5</i>
<i class="material-icons custom">shuffle</i>
<i class="material-icons custom">skip_next</i>
<i class="material-icons custom">skip_previous</i>
<i class="material-icons custom">snooze</i>
<i class="material-icons custom">sort_by_alpha</i>
<i class="material-icons custom">stop</i>
<i class="material-icons custom">subtitles</i>
<i class="material-icons custom">surround_sound</i>
<i class="material-icons custom">video_pbrary</i>
<i class="material-icons custom">videocam</i>
<i class="material-icons custom">videocam_off</i>
<i class="material-icons custom">volume_down</i>
<i class="material-icons custom">volume_mute</i>
<i class="material-icons custom">volume_off</i>
<i class="material-icons custom">volume_up</i>
<i class="material-icons custom">web</i>

Material - AV Icons

友情链接