Malzeme - İletişim Simgeleri

Bu bölüm, Google'ın (Materyal) İletişim simgelerinin kullanımını açıklamaktadır. Varsayalım kicustom aşağıda verilen örnekte gösterildiği gibi boyut ve rengi tanımladığımız CSS sınıf adıdır.

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

Aşağıdaki tablo, Google'ın (Materyal) İletişim simgelerinin kullanımını ve sonuçlarını içermektedir. İlgili çıktıları elde etmek için yukarıdaki programın <body> etiketini tabloda verilen kodla değiştirin -

Kullanım	Sonuç
<i class = "material-icons custom"> iş </i>	iş
<i class = "material-icons custom"> çağrı </i>	aramak
<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"> sohbet </i>	sohbet
<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>	hepsini temizle
<i class = "material-icons custom"> yorum </i>	yorum Yap
<i class = "material-icons custom"> contact_phone </i>	İletişim Telefonu
<i class = "material-icons custom"> kişiler </i>	kişiler
<i class = "material-icons custom"> çevirici_sip </i>	dialer_sip
<i class = "material-icons custom"> tuş takımı </i>	tuş takımı
<i class = "material-icons custom"> forum </i>	forum
<i class = "material-icons custom"> import_export </i>	ithalat ihracat
<i class = "material-icons custom"> invert_colors_off </i>	invert_colors_off
<i class = "material-icons custom"> live_help </i>	canlı yardım
<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"> mesaj </i>	İleti
<i class = "material-icons custom"> no_sim </i>	no_sim
<i class = "material-icons custom"> telefon </i>	telefon
<i class = "material-icons custom"> phonelink_erase </i>	phonelink_erase
<i class = "material-icons custom"> phonelink_lock </i>	telefon bağlantısı_ kilidi
<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>	hoparlör_ telefonu
<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"> metinler </i>	metinler
<i class = "material-icons custom"> sesli posta </i>	sesli mesaj
<i class = "material-icons custom"> vpn_key </i>	vpn_key
<i class = "material-icons custom"> e-posta </i>	e-posta
<i class = "material-icons custom"> call_end </i>	call_end