資料 - 通訊圖示

本章解釋了 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）通訊圖示的使用方法和結果。將上面程式的 < body > 標記替換成表中給出的程式碼，即可獲得相應的輸出 -

用法	結果
<i class="material-icons custom">business</i>
<i class="material-icons custom">call</i>
<i class="material-icons custom">call_made</i>
<i class="material-icons custom">call_merge</i>
<i class="material-icons custom">call_missed</i>
<i class="material-icons custom">call_received</i>
<i class="material-icons custom">call_split</i>
<i class="material-icons custom">chat</i>
<i class="material-icons custom">chat_bubble</i>
<i class="material-icons custom">chat_bubble_outline</i>
<i class="material-icons custom">clear_all</i>
<i class="material-icons custom">comment</i>
<i class="material-icons custom">contact_phone</i>
<i class="material-icons custom">contacts</i>
<i class="material-icons custom">dialer_sip</i>
<i class="material-icons custom">dialpad</i>
<i class="material-icons custom">forum</i>
<i class="material-icons custom">import_export</i>
<i class="material-icons custom">invert_colors_off</i>
<i class="material-icons custom">live_help</i>
<i class="material-icons custom">location_off</i>
<i class="material-icons custom">location_on</i>
<i class="material-icons custom">message</i>
<i class="material-icons custom">no_sim</i>
<i class="material-icons custom">phone</i>
<i class="material-icons custom">phonelink_erase</i>
<i class="material-icons custom">phonelink_lock</i>
<i class="material-icons custom">phonelink_ring</i>
<i class="material-icons custom">phonelink_setup</i>
<i class="material-icons custom">portable_wifi_off</i>
<i class="material-icons custom">present_to_all</i>
<i class="material-icons custom">ring_volume</i>
<i class="material-icons custom">speaker_phone</i>
<i class="material-icons custom">stay_current_landscape</i>
<i class="material-icons custom">stay_current_portrait</i>
<i class="material-icons custom">stay_primary_landscape</i>
<i class="material-icons custom">stay_primary_portrait</i>
<i class="material-icons custom">swap_calls</i>
<i class="material-icons custom">textsms</i>
<i class="material-icons custom">voicemail</i>
<i class="material-icons custom">vpn_key</i>
<i class="material-icons custom">email</i>
<i class="material-icons custom">call_end</i>

列印頁面