Material - Iconos de comunicación

Este capítulo explica el uso de los íconos de comunicación (material) de Google. Asumir quecustom es el nombre de la clase CSS donde definimos el tamaño y el color, como se muestra en el ejemplo que se muestra a continuación.

<!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 siguiente tabla contiene el uso y los resultados de los íconos de comunicación (material) de Google. Reemplace la etiqueta <body> del programa anterior con el código dado en la tabla para obtener las salidas respectivas -

Uso Resultado
<i class = "material-icons custom"> negocios </i> negocio
<i class = "material-icons custom"> llamar </i> llamada
<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> charla
<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> limpiar todo
<i class = "material-icons custom"> comentario </i> comentario
<i class = "material-icons custom"> contact_phone </i> teléfono de contacto
<i class = "material-icons custom"> contactos </i> contactos
<i class = "material-icons custom"> dialer_sip </i> dialer_sip
<i class = "material-icons personalizado"> teclado de marcación </i> teclado
<i class = "material-icons custom"> foro </i> foro
<i class = "material-icons custom"> import_export </i> importación y exportación
<i class = "material-icons custom"> invert_colors_off </i> invert_colors_off
<i class = "material-icons custom"> live_help </i> ayuda en vivo
<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"> mensaje </i> mensaje
<i class = "material-icons custom"> no_sim </i> sin SIM
<i class = "material-icons custom"> teléfono </i> teléfono
<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"> altavoz_teléfono </i> altavoz_teléfono
<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"> textsms </i> mensajes de texto
<i class = "material-icons custom"> correo de voz </i> mensaje de voz
<i class = "material-icons custom"> clave_vpn </i> clave_vpn
<i class = "material-icons custom"> correo electrónico </i> correo electrónico
<i class = "material-icons custom"> call_end </i> call_end