Materiale - Icone del dispositivo
In questo capitolo viene illustrato l'utilizzo delle icone dei dispositivi (materiali) di Google. Assumilocustom è il nome della classe CSS in cui abbiamo definito la dimensione e il colore come mostrato 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 dei dispositivi (materiali) di Google.
| Utilizzo | Risultato |
|---|---|
| <i class = "material-icons custom"> access_alarm </i> | access_alarm |
| <i class = "material-icons custom"> access_alarms </i> | access_alarms |
| <i class = "material-icons custom"> access_time </i> | access_time |
| <i class = "material-icons custom"> add_alarm </i> | add_alarm |
| <i class = "material-icons custom"> airplanemode_active </i> | airplanemode_active |
| <i class = "material-icons custom"> airplanemode_inactive </i> | airplanemode_inactive |
| <i class = "material-icons custom"> battery_alert </i> | battery_alert |
| <i class = "material-icons custom"> battery_charging_full </i> | battery_charging_full |
| <i class = "material-icons custom"> battery_full </i> | Batteria carica |
| <i class = "material-icons custom"> battery_std </i> | battery_std |
| <i class = "material-icons custom"> battery_unknown </i> | battery_unknown |
| <i class = "material-icons custom"> bluetooth </i> | Bluetooth |
| <i class = "material-icons custom"> bluetooth_connected </i> | bluetooth_connected |
| <i class = "material-icons custom"> bluetooth_disabled </i> | bluetooth_disabled |
| <i class = "material-icons custom"> bluetooth_searching </i> | bluetooth_searching |
| <i class = "material-icons custom"> luminosità_auto </i> | luminosità_auto |
| <i class = "material-icons custom"> luminosità_high </i> | luminosità_alta |
| <i class = "material-icons custom"> luminosità_low </i> | luminosità_bassa |
| <i class = "material-icons custom"> luminosità_medium </i> | luminosità_media |
| <i class = "material-icons custom"> data_usage </i> | utilizzo dei dati |
| <i class = "material-icons custom"> developer_mode </i> | modalità sviluppatore |
| <i class = "material-icons custom"> dispositivi </i> | dispositivi |
| <i class = "material-icons custom"> dvr </i> | dvr |
| <i class = "material-icons custom"> gps_fixed </i> | gps_fixed |
| <i class = "material-icons custom"> gps_not_fixed </i> | gps_not_fixed |
| <i class = "material-icons custom"> gps_off </i> | gps_off |
| <i class = "material-icons custom"> graphic_eq </i> | graphic_eq |
| <i class = "material-icons custom"> location_disabled </i> | location_disabled |
| <i class = "material-icons custom"> location_searching </i> | location_searching |
| <i class = "material-icons custom"> network_cell </i> | network_cell |
| <i class = "material-icons custom"> network_wifi </i> | network_wifi |
| <i class = "material-icons custom"> screen_lock_landscape </i> | screen_lock_landscape |
| <i class = "material-icons custom"> screen_lock_portrait </i> | screen_lock_portrait |
| <i class = "material-icons custom"> screen_lock_rotation </i> | screen_lock_rotation |
| <i class = "material-icons custom"> screen_rotation </i> | rotazione dello schermo |
| <i class = "material-icons custom"> sd_storage </i> | sd_storage |
| <i class = "material-icons custom"> settings_system_daydream </i> | settings_system_daydream |
| <i class = "material-icons custom"> signal_cellular_4_bar </i> | signal_cellular_4_bar |
| <i class = "material-icons custom"> wifi_tethering </i> | wifi_tethering |
| <i class = "material-icons custom"> signal_cellular_no_sim </i> | signal_cellular_no_sim |
| <i class = "material-icons custom"> signal_cellular_null </i> | signal_cellular_null |
| <i class = "material-icons custom"> signal_cellular_off </i> | signal_cellular_off |
| <i class = "material-icons custom"> signal_wifi_4_bar </i> | signal_wifi_4_bar |
| <i class = "material-icons custom"> signal_wifi_4_bar_lock </i> | signal_wifi_4_bar_lock |
| <i class = "material-icons custom"> signal_wifi_off </i> | signal_wifi_off |
| <i class = "material-icons custom"> archiviazione </i> | Conservazione |
| <i class = "material-icons custom"> usb </i> | USB |
| <i class = "material-icons custom"> sfondo </i> | sfondo |
| <i class = "material-icons custom"> widget </i> | widget |
| <i class = "material-icons custom"> wifi_lock </i> | wifi_lock |
| <i class = "material-icons custom"> signal_cellular_connected_no_internet_4_bar </i> | signal_cellular_connected_no_internet_4_bar |