资料 - 通信图标

本章解释了 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>

打印页面