Materiał - ikony AV

W tym rozdziale wyjaśniono użycie ikon Google (Material) AV. Zakładać, żecustom to nazwa klasy CSS, w której zdefiniowaliśmy rozmiar i kolor, jak pokazano w przykładzie podanym poniżej.

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

Poniższa tabela zawiera wykorzystanie i wyniki ikon Google (Material) AV. Zastąp tag <body> powyższego programu kodem podanym w tabeli, aby uzyskać odpowiednie wyniki -

Stosowanie	Wynik
<i class = "material-icons custom"> airplay </i>	airplay
<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"> korektor </i>	wyrównywacz
<i class = "material-icons custom"> jednoznaczne </i>	wyraźny
<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"> gry </i>	Gry
<i class = "material-icons custom"> hd </i>	hd
<i class = "material-icons custom"> słuch </i>	przesłuchanie
<i class = "material-icons custom"> high_quality </i>	wysoka jakość
<i class = "material-icons custom"> library_add </i>	biblioteka_add
<i class = "material-icons custom"> library_books </i>	książki_biblioteczne
<i class = "material-icons custom"> library_music </i>	biblioteka_music
<i class = "material-icons custom"> pętla </i>	pętla
<i class = "material-icons custom"> mikrofon </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>	nowe_wydania
<i class = "material-icons custom"> not_interested </i>	nie zainteresowany
<i class = "material-icons custom"> pauza </i>	pauza
<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"> kolejka </i>	kolejka
<i class = "material-icons custom"> queue_music </i>	queue_music
<i class = "material-icons custom"> radio </i>	radio
<i class = "material-icons custom"> latest_actors </i>	latest_actors
<i class = "material-icons custom"> powtórz </i>	powtarzać
<i class = "material-icons custom"> repeat_one </i>	repeat_one
<i class = "material-icons custom"> powtórka </i>	powtórna rozgrywka
<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"> tasuj </i>	człapać
<i class = "material-icons custom"> skip_next </i>	Pomiń następne
<i class = "material-icons custom"> skip_previous </i>	skip_previous
<i class = "material-icons custom"> drzemka </i>	drzemka
<i class = "material-icons custom"> sort_by_alpha </i>	sort_by_alpha
<i class = "material-icons custom"> stop </i>	zatrzymać
<i class = "material-icons custom"> napisy </i>	napisy na filmie obcojęzycznym
<i class = "material-icons custom"> surround_sound </i>	dźwięk przestrzenny
<i class = "material-icons custom"> video_library </i>	video_library
<i class = "material-icons custom"> kamera wideo </i>	videocam
<i class = "material-icons custom"> videocam_off </i>	videocam_off
<i class = "material-icons custom"> volume_down </i>	ściszanie
<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"> internet </i>	sieć