Materiale: icone AV
Questo capitolo spiega l'uso delle icone AV (materiale) di Google. Assumilocustom è il nome della classe CSS in cui abbiamo definito la dimensione e il colore, come mostrato nell'esempio riportato di seguito.
<!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>La tabella seguente contiene l'utilizzo e i risultati delle icone AV (materiale) di Google. Sostituisci il tag <body> del programma precedente con il codice fornito nella tabella per ottenere i rispettivi output -
| Utilizzo | Risultato |
|---|---|
| <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> | didascalie |
| <i class = "material-icons custom"> equalizzatore </i> | equalizzatore |
| <i class = "material-icons custom"> esplicito </i> | esplicito |
| <i class = "material-icons custom"> fast_forward </i> | avanti veloce |
| <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"> giochi </i> | Giochi |
| <i class = "material-icons custom"> hd </i> | hd |
| <i class = "material-icons custom"> udito </i> | udito |
| <i class = "material-icons custom"> alta_qualità </i> | alta qualità |
| <i class = "material-icons custom"> library_add </i> | library_add |
| <i class = "material-icons custom"> library_books </i> | library_books |
| <i class = "material-icons custom"> library_music </i> | library_music |
| <i class = "material-icons custom"> loop </i> | ciclo continuo |
| <i class = "material-icons custom"> mic </i> | microfono |
| <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> | Nuove versioni |
| <i class = "material-icons custom"> not_interested </i> | non interessato |
| <i class = "material-icons custom"> pausa </i> | pausa |
| <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"> coda </i> | coda |
| <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> | recenti_attori |
| <i class = "material-icons custom"> repeat </i> | ripetere |
| <i class = "material-icons custom"> repeat_one </i> | repeat_one |
| <i class = "material-icons custom"> replay </i> | replay |
| <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"> shuffle </i> | mescolare |
| <i class = "material-icons custom"> skip_next </i> | skip_next |
| <i class = "material-icons custom"> skip_previous </i> | skip_previous |
| <i class = "material-icons custom"> snooze </i> | snooze |
| <i class = "material-icons custom"> sort_by_alpha </i> | sort_by_alpha |
| <i class = "material-icons custom"> stop </i> | fermare |
| <i class = "material-icons custom"> sottotitoli </i> | sottotitoli |
| <i class = "material-icons custom"> surround_sound </i> | Suono surround |
| <i class = "material-icons custom"> video_library </i> | video_library |
| <i class = "material-icons custom"> videocam </i> | videocam |
| <i class = "material-icons custom"> videocam_off </i> | videocam_off |
| <i class = "material-icons custom"> volume_down </i> | volume basso |
| <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> | ragnatela |