Material - AV-Symbole

In diesem Kapitel wird die Verwendung der (Material-) AV-Symbole von Google erläutert. Annehmen, dasscustom ist der CSS-Klassenname, in dem wir die Größe und Farbe definiert haben, wie im folgenden Beispiel gezeigt.

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

Die folgende Tabelle enthält die Verwendung und die Ergebnisse der AV-Symbole von Google (Material). Ersetzen Sie das <body> -Tag des obigen Programms durch den in der Tabelle angegebenen Code, um die entsprechenden Ausgaben zu erhalten -

Verwendung Ergebnis
<i class = "material-icons custom"> airplay </ i> luftspiel
<i class = "material-icons custom"> album </ i> Album
<i class = "material-icons custom"> av_timer </ i> av_timer
<i class = "material-icons custom"> closed_caption </ i> Closed_Caption
<i class = "material-icons custom"> Equalizer </ i> Equalizer
<i class = "material-icons custom"> explizit </ i> explizit
<i class = "material-icons custom"> fast_forward </ i> fast_forward
<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"> Spiele </ i> Spiele
<i class = "material-icons custom"> hd </ i> hd
<i class = "material-icons custom"> Hören </ i> Hören
<i class = "material-icons custom"> hohe_qualität </ i> hohe Qualität
<i class = "material-icons custom"> library_add </ i> library_add
<i class = "material-icons custom"> Bibliotheksbücher </ i> Büchereibücher
<i class = "material-icons custom"> library_music </ i> library_music
<i class = "material-icons custom"> Schleife </ i> Schleife
<i class = "material-icons custom"> mic </ i> mic
<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"> new_releases </ i> neue Veröffentlichungen
<i class = "material-icons custom"> nicht interessiert </ i> nicht interessiert
<i class = "material-icons custom"> pausieren </ i> Pause
<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"> Warteschlange </ i> Warteschlange
<i class = "material-icons custom"> queue_music </ i> queue_music
<i class = "material-icons custom"> radio </ i> Radio
<i class = "material-icons custom"> Recent_actors </ i> Recent_actors
<i class = "material-icons custom"> wiederholen </ i> wiederholen
<i class = "material-icons custom"> repeat_one </ i> repeat_one
<i class = "material-icons custom"> Wiedergabe </ i> Wiederholung
<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"> mischen </ i> Mischen
<i class = "material-icons custom"> skip_next </ i> Das Nächste überspringen
<i class = "material-icons custom"> skip_previous </ i> skip_previous
<i class = "material-icons custom"> schlummert </ i> dösen
<i class = "material-icons custom"> sort_by_alpha </ i> sort_by_alpha
<i class = "material-icons custom"> stop </ i> halt
<i class = "material-icons custom"> Untertitel </ i> Untertitel
<i class = "material-icons custom"> Surround-Sound </ i> Surround Sound
<i class = "material-icons custom"> video_library </ i> Videobibliothek
<i class = "material-icons custom"> Videokamera </ i> Videokamera
<i class = "material-icons custom"> videocam_off </ i> videocam_off
<i class = "material-icons custom"> volume_down </ i> Lautstärke runter
<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> volume_up
<i class = "material-icons custom"> web </ i> Netz