Matériel - Icônes de communication

Ce chapitre explique l'utilisation des icônes de communication (matérielle) de Google. Suppose quecustom est le nom de la classe CSS où nous avons défini la taille et la couleur, comme indiqué dans l'exemple ci-dessous.

<!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>

Le tableau suivant contient l'utilisation et les résultats des icônes de communication (matérielle) de Google. Remplacez la balise <body> du programme ci-dessus par le code donné dans le tableau pour obtenir les sorties respectives -

Usage	Résultat
<i class = "material-icons custom"> entreprise </i>	affaires
<i class = "material-icons custom"> appel </i>	appel
<i class = "material-icons custom"> call_made </i>	call_made
<i class = "material-icons custom"> call_merge </i>	call_merge
<i class = "material-icons custom"> call_missed </i>	call_missed
<i class = "material-icons custom"> call_received </i>	call_received
<i class = "material-icons custom"> call_split </i>	call_split
<i class = "material-icons custom"> chat </i>	bavarder
<i class = "material-icons custom"> chat_bubble </i>	chat_bubble
<i class = "material-icons custom"> chat_bubble_outline </i>	chat_bubble_outline
<i class = "material-icons custom"> clear_all </i>	tout effacer
<i class = "material-icons custom"> commentaire </i>	commentaire
<i class = "material-icons custom"> contact_phone </i>	Numéro du contact
<i class = "material-icons custom"> contacts </i>	Contacts
<i class = "material-icons custom"> dialer_sip </i>	dialer_sip
<i class = "material-icons custom"> pavé numérique </i>	Pavé numérique
<i class = "material-icons custom"> forum </i>	forum
<i class = "material-icons custom"> import_export </i>	Importer / Exporter
<i class = "material-icons custom"> invert_colors_off </i>	invert_colors_off
<i class = "material-icons custom"> live_help </i>	aide en direct
<i class = "material-icons custom"> location_off </i>	location_off
<i class = "material-icons custom"> location_on </i>	location_on
<i class = "material-icons custom"> message </i>	message
<i class = "material-icons custom"> no_sim </i>	no_sim
<i class = "material-icons custom"> téléphone </i>	téléphone
<i class = "material-icons custom"> phonelink_erase </i>	phonelink_erase
<i class = "material-icons custom"> phonelink_lock </i>	phonelink_lock
<i class = "material-icons custom"> phonelink_ring </i>	phonelink_ring
<i class = "material-icons custom"> phonelink_setup </i>	phonelink_setup
<i class = "material-icons custom"> portable_wifi_off </i>	portable_wifi_off
<i class = "material-icons custom"> present_to_all </i>	present_to_all
<i class = "material-icons custom"> ring_volume </i>	ring_volume
<i class = "material-icons custom"> speaker_phone </i>	speaker_phone
<i class = "material-icons custom"> stay_current_landscape </i>	stay_current_landscape
<i class = "material-icons custom"> stay_current_portrait </i>	stay_current_portrait
<i class = "material-icons custom"> stay_primary_landscape </i>	stay_primary_landscape
<i class = "material-icons custom"> stay_primary_portrait </i>	stay_primary_portrait
<i class = "material-icons custom"> swap_calls </i>	swap_calls
<i class = "material-icons custom"> textms </i>	SMS
<i class = "material-icons custom"> messagerie vocale </i>	messagerie vocale
<i class = "material-icons custom"> vpn_key </i>	vpn_key
<i class = "material-icons custom"> e-mail </i>	email
<i class = "material-icons custom"> call_end </i>	call_end