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

Web Icons Tutorial

Font Awesome

Material Icons

Bootstrap Glyphicons

Web Icons Useful Resources

Selected Reading

Material - Notification Icons

This chapter explains the usage of Google s (Material) Notification 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) Notification 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">adb</i>
<i class="material-icons custom">airpne_seat_flat</i>
<i class="material-icons custom">airpne_seat_flat_angled</i>
<i class="material-icons custom">airpne_seat_inspanidual_suite</i>
<i class="material-icons custom">airpne_seat_legroom_reduced</i>
<i class="material-icons custom">airpne_seat_recpne_extra</i>
<i class="material-icons custom">airpne_seat_recpne_normal</i>
<i class="material-icons custom">bluetooth_audio</i>
<i class="material-icons custom">confirmation_number</i>
<i class="material-icons custom">disc_full</i>
<i class="material-icons custom">do_not_disturb</i>
<i class="material-icons custom">do_not_disturb_alt</i>
<i class="material-icons custom">drive_eta</i>
<i class="material-icons custom">event_available</i>
<i class="material-icons custom">event_busy</i>
<i class="material-icons custom">event_note</i>
<i class="material-icons custom">folder_special</i>
<i class="material-icons custom">pve_tv</i>
<i class="material-icons custom">mms</i>
<i class="material-icons custom">more</i>
<i class="material-icons custom">network_locked</i>
<i class="material-icons custom">ondemand_video</i>
<i class="material-icons custom">personal_video</i>
<i class="material-icons custom">phone_bluetooth_speaker</i>
<i class="material-icons custom">phone_forwarded</i>
<i class="material-icons custom">phone_in_talk</i>
<i class="material-icons custom">phone_locked</i>
<i class="material-icons custom">phone_missed</i>
<i class="material-icons custom">phone_paused</i>
<i class="material-icons custom">power</i>
<i class="material-icons custom">sd_card</i>
<i class="material-icons custom">sim_card_alert</i>
<i class="material-icons custom">sms</i>
<i class="material-icons custom">sms_failed</i>
<i class="material-icons custom">sync</i>
<i class="material-icons custom">sync_disabled</i>
<i class="material-icons custom">sync_problem</i>
<i class="material-icons custom">system_update</i>
<i class="material-icons custom">tap_and_play</i>
<i class="material-icons custom">time_to_leave</i>
<i class="material-icons custom">vibration</i>
<i class="material-icons custom">voice_chat</i>
<i class="material-icons custom">vpn_lock</i>
<i class="material-icons custom">wc</i>
<i class="material-icons custom">wifi</i>

Material - Notification Icons

友情链接