Materiale - Icone di comunicazione
Questo capitolo spiega l'utilizzo delle icone di comunicazione (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 di comunicazione (materiale) di Google. Sostituisci il tag <body> del programma precedente con il codice indicato nella tabella per ottenere i rispettivi output -
| Utilizzo | Risultato |
|---|---|
| <i class = "material-icons custom"> business </i> | attività commerciale |
| <i class = "material-icons custom"> call </i> | chiamata |
| <i class = "material-icons custom"> call_made </i> | call_made |
| <i class = "material-icons custom"> call_merge </i> | call_merge |
| <i class = "material-icons custom"> call_missed </i> | call_missed |
| <i class = "material-icons custom"> call_received </i> | call_received |
| <i class = "material-icons custom"> call_split </i> | call_split |
| <i class = "material-icons custom"> chat </i> | Chiacchierare |
| <i class = "material-icons custom"> chat_bubble </i> | chat_bubble |
| <i class = "material-icons custom"> chat_bubble_outline </i> | chat_bubble_outline |
| <i class = "material-icons custom"> clear_all </i> | cancella tutto |
| <i class = "material-icons custom"> commento </i> | commento |
| <i class = "material-icons custom"> contact_phone </i> | Contatto telefonico |
| <i class = "material-icons custom"> contatti </i> | contatti |
| <i class = "material-icons custom"> dialer_sip </i> | dialer_sip |
| <i class = "material-icons custom"> tastierino </i> | tastiera |
| <i class = "material-icons custom"> forum </i> | Forum |
| <i class = "material-icons custom"> import_export </i> | import_export |
| <i class = "material-icons custom"> invert_colors_off </i> | invert_colors_off |
| <i class = "material-icons custom"> live_help </i> | live_help |
| <i class = "material-icons custom"> location_off </i> | location_off |
| <i class = "material-icons custom"> location_on </i> | location_on |
| <i class = "material-icons custom"> messaggio </i> | Messaggio |
| <i class = "material-icons custom"> no_sim </i> | no_sim |
| <i class = "material-icons custom"> telefono </i> | Telefono |
| <i class = "material-icons custom"> phonelink_erase </i> | phonelink_erase |
| <i class = "material-icons custom"> phonelink_lock </i> | phonelink_lock |
| <i class = "material-icons custom"> phonelink_ring </i> | phonelink_ring |
| <i class = "material-icons custom"> phonelink_setup </i> | phonelink_setup |
| <i class = "material-icons custom"> portable_wifi_off </i> | portable_wifi_off |
| <i class = "material-icons custom"> present_to_all </i> | present_to_all |
| <i class = "material-icons custom"> ring_volume </i> | ring_volume |
| <i class = "material-icons custom"> speaker_phone </i> | altoparlante_phone |
| <i class = "material-icons custom"> stay_current_landscape </i> | stay_current_landscape |
| <i class = "material-icons custom"> stay_current_portrait </i> | stay_current_portrait |
| <i class = "material-icons custom"> stay_primary_landscape </i> | stay_primary_landscape |
| <i class = "material-icons custom"> stay_primary_portrait </i> | stay_primary_portrait |
| <i class = "material-icons custom"> swap_calls </i> | swap_calls |
| <i class = "material-icons custom"> SMS </i> | textms |
| <i class = "material-icons custom"> messaggio vocale </i> | segreteria telefonica |
| <i class = "material-icons custom"> vpn_key </i> | vpn_key |
| <i class = "material-icons custom"> email </i> | |
| <i class = "material-icons custom"> call_end </i> | call_end |