Malzeme - AV Simgeleri

Bu bölüm, Google'ın (Materyal) AV 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) AV simgelerinin kullanımını ve sonuçlarını içerir. İ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"> airplay </i>	hava oyunu
<i class = "material-icons custom"> albüm </i>	albüm
<i class = "material-icons custom"> av_timer </i>	av_timer
<i class = "material-icons custom"> closed_caption </i>	Kapalı başlık
<i class = "material-icons custom"> ekolayzer </i>	ekolayzer
<i class = "material-icons custom"> açık </i>	açık
<i class = "material-icons custom"> fast_forward </i>	ileri sar
<i class = "material-icons custom"> fast_rewind </i>	fast_rewind
<i class = "material-icons custom"> forward_10 </i>	forward_10
<i class = "material-icons custom"> forward_30 </i>	forward_30
<i class = "material-icons custom"> forward_5 </i>	forward_5
<i class = "material-icons custom"> oyunlar </i>	oyunlar
<i class = "material-icons custom"> hd </i>	hd
<i class = "material-icons custom"> işitme </i>	işitme
<i class = "material-icons custom"> yüksek_kalite </i>	yüksek kalite
<i class = "material-icons custom"> library_add </i>	library_add
<i class = "material-icons custom"> library_books </i>	kütüphane kitapları
<i class = "material-icons custom"> library_music </i>	library_music
<i class = "material-icons custom"> döngü </i>	döngü
<i class = "material-icons custom"> mikrofon </i>	mikrofon
<i class = "material-icons custom"> mic_none </i>	mic_none
<i class = "material-icons custom"> mic_off </i>	mic_off
<i class = "material-icons custom"> film </i>	film
<i class = "material-icons custom"> pause_circle_outline </i>	pause_circle_outline
<i class = "material-icons custom"> yeni_sürümler </i>	Yeni sürümler
<i class = "material-icons custom"> not_interested </i>	ilgilenmiyorum
<i class = "material-icons custom"> duraklat </i>	Duraklat
<i class = "material-icons custom"> pause_circle_filled </i>	pause_circle_filled
<i class = "material-icons custom"> play_arrow </i>	play_arrow
<i class = "material-icons custom"> play_circle_filled </i>	play_circle_filled
<i class = "material-icons custom"> play_circle_outline </i>	play_circle_outline
<i class = "material-icons custom"> playlist_add </i>	playlist_add
<i class = "material-icons custom"> kuyruk </i>	kuyruk
<i class = "material-icons custom"> queue_music </i>	queue_music
<i class = "material-icons custom"> radyo </i>	radyo
<i class = "material-icons custom"> Recent_actors </i>	Recent_actors
<i class = "material-icons custom"> tekrarla </i>	tekrar et
<i class = "material-icons custom"> tekrar_biri </i>	tekrar_biri
<i class = "material-icons custom"> yeniden oynat </i>	tekrar oynatmak
<i class = "material-icons custom"> airplay </i>	replay_10
<i class = "material-icons custom"> replay_30 </i>	replay_30
<i class = "material-icons custom"> replay_5 </i>	replay_5
<i class = "material-icons custom"> karıştır </i>	Karıştır
<i class = "material-icons custom"> skip_next </i>	bir sonraki
<i class = "material-icons custom"> skip_previous </i>	skip_previous
<i class = "material-icons custom"> ertele </i>	uyuklama
<i class = "material-icons custom"> sort_by_alpha </i>	sort_by_alpha
<i class = "material-icons custom"> durdur </i>	Dur
<i class = "material-icons custom"> altyazılar </i>	altyazılar
<i class = "material-icons custom"> surround_sound </i>	surround_sound
<i class = "material-icons custom"> video_library </i>	video_library
<i class = "material-icons custom"> video kamera </i>	video kamera
<i class = "material-icons custom"> videocam_off </i>	videocam_off
<i class = "material-icons custom"> volume_down </i>	sesi kıs
<i class = "material-icons custom"> volume_mute </i>	volume_mute
<i class = "material-icons custom"> volume_off </i>	volume_off
<i class = "material-icons custom"> volume_up </i>	sesi aç
<i class = "material-icons custom"> web </i>	ağ