素材 - 音影片圖示

本章解釋 Google (Material) 音影片圖示的使用方法。假設`custom`是我們在下面示例中定義大小和顏色的 CSS 類名。

<!DOCTYPE html>
<html>
   <head>
      <link 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">accessibility</i>
   </body>
	
</html>

下表包含 Google (Material) 音影片圖示的使用方法和結果。將上面程式的``標籤替換為表中給出的程式碼，即可獲得相應的輸出：

使用方法	結果
<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">equalizer</i>
<i class="material-icons custom">explicit</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_quality</i>
<i class="material-icons custom">library_add</i>
<i class="material-icons custom">library_books</i>
<i class="material-icons custom">library_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_outline</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_outline</i>
<i class="material-icons custom">playlist_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_library</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>

列印頁面